返回列表
技术笔记 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> - 排除部分属性

最佳实践

  1. 优先使用 interface 定义对象形状
  2. 使用 type 定义联合类型和工具类型
  3. 避免使用 any,使用 unknown 替代
  4. 启用 strict 模式获得更严格的类型检查