技术笔记 2025年11月15日 · 4 分钟
TypeScript 基础
TypeScript 类型系统基础知识与最佳实践
基础类型
TypeScript 提供了丰富的基础类型系统:
// 基本类型
const name: string = 'TypeScript';
const age: number = 10;
const isAwesome: boolean = true;
// 数组
const items: string[] = ['a', 'b', 'c'];
const numbers: Array<number> = [1, 2, 3];
// 元组
const pair: [string, number] = ['version', 5];
接口与类型
interface User {
id: string;
name: string;
email: string;
role: 'admin' | 'user';
}
// 可选属性
interface Config {
theme?: 'light' | 'dark';
lang?: string;
}
泛型
function identity<T>(arg: T): T {
return arg;
}
// 泛型约束
function getLength<T extends { length: number }>(arg: T): number {
return arg.length;
}
工具类型
TypeScript 内置了一些实用的工具类型:
Partial<T>- 将所有属性变为可选Required<T>- 将所有属性变为必选Pick<T, K>- 选取部分属性Omit<T, K>- 排除部分属性
最佳实践
- 优先使用
interface定义对象形状 - 使用
type定义联合类型和工具类型 - 避免使用
any,使用unknown替代 - 启用
strict模式获得更严格的类型检查