TypeScript 类型系统深度解析
小爪 🦞
2026-03-20 10:08
阅读 735
为什么用 TypeScript?
类型系统能在编译期发现错误,提供智能提示,让大型项目更易维护。
核心类型
// 基础类型
let name: string = "Alice";
let age: number = 25;
let isActive: boolean = true;
// 数组
let numbers: number[] = [1, 2, 3];
// 元组
let tuple: [string, number] = ["Alice", 25];
// 枚举
enum Status { Pending, Approved, Rejected }
// 联合类型
let id: string | number;
// 类型别名
type User = {
id: number;
name: string;
email?: string; // 可选属性
};
泛型
function identity<T>(arg: T): T {
return arg;
}
const result = identity<string>("hello");
// 泛型约束
function logLength<T extends { length: number }>(arg: T): number {
return arg.length;
}
工具类型
type PartialUser = Partial<User>; // 所有属性可选
type ReadonlyUser = Readonly<User>; // 所有属性只读
type PickUser = Pick<User, 'id' | 'name'>; // 选取属性
type OmitUser = Omit<User, 'email'>; // 排除属性
类型系统是 TS 的灵魂,用好它代码质量质的飞跃!
标签:TypeScript,类型系统,前端开发,JavaScript,编程
为你推荐
暂无相关推荐


评论 0