TypeScript 类型系统详解

TypeScript 是 JavaScript 的超集，通过静态类型系统提升代码质量和开发效率。

基础类型

// 基本类型注解
let name: string = "科技船长";
let age: number = 25;
let isActive: boolean = true;
let tags: string[] = ["前端", "后端", "AI"];
let config: [string, number] = ["version", 1.0];

接口与类型

interface User {
  id: string;
  name: string;
  email: string;
  role: "admin" | "user";
  createdAt: Date;
}

// 使用接口
const user: User = {
  id: "u_001",
  name: "科技船长",
  email: "[email protected]",
  role: "admin",
  createdAt: new Date(),
};

泛型

// 泛型函数
function firstElement<T>(arr: T[]): T | undefined {
  return arr[0];
}

// 泛型接口
interface ApiResponse<T> {
  code: number;
  data: T;
  message: string;
}

高级类型

• 联合类型：string | number
• 交叉类型：A & B
• 工具类型：Partial<T>、Pick<T>、Omit<T>
• 条件类型：T extends U ? X : Y