技术分享2025年12月29日·12,538

TypeScript 高级类型完全指南

掌握 TypeScript 的高级类型系统,包括泛型、条件类型、映射类型等,让你的代码更加类型安全和优雅。

#TypeScript#类型系统#前端

TypeScript 高级类型

泛型

泛型允许我们创建可重用的组件:

function identity<T>(arg: T): T {
    return arg;
}

// 使用
const result = identity<string>("hello");

条件类型

type NonNullable<T> = T extends null | undefined ? never : T;

type A = NonNullable<string | null>; // string

映射类型

type Readonly<T> = {
    readonly [P in keyof T]: T[P];
};

type ReadonlyPerson = Readonly<{
    name: string;
    age: number;
}>;

实用类型

  • Partial<T>:所有属性可选
  • Required<T>:所有属性必选
  • Pick<T, K>:选择部分属性
  • Omit<T, K>:排除部分属性
最后更新:2026/1/28