TypeScript 中常用的内置工具类型_typescript内置方法-优快云博客

本文链接：https://blog.youkuaiyun.com/wytraining/article/details/129779700

本文详细介绍了TypeScript中的一些常用内置工具类型，包括操作接口类型的Partial、Required、Readonly、Pick和Omit，联合类型中的Exclude、Extract和NonNullable，函数类型的ConstructorParameters、Parameters、ReturnType、ThisParameterType、ThisType和OmitThisParameter，以及字符串类型的Uppercase、Lowercase、Capitalize和Uncapitalize。每个工具类型都配合源码解析和使用示例，帮助开发者更好地掌握TypeScript编程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TypeScript 中常用的内置工具类型：

一：操作接口类型

1. Partial：可以将类型的所有属性都变为`可选`的

1.源码

type Partial<T> = {
    [P in keyof T]?: T[P];
}

keyof T：通过类型索引 keyof 的得到联合类型 ‘name’ | ‘age’ | ‘weight’
P in keyof T 等同于 p in ‘name’ | ‘age’ | ‘weight’，相当于执行了一次 forEach 的逻辑，遍历 ‘name’ | ‘age’ | ‘weight’

2.使用

// 定义一个通用的 Person 类
interface Person {
  name: string;
  age?: number;
  weight?: number;
}

type PartialPerson = Partial<Person>;

// 相当于
interface PartialPerson {
  name?: string;
  age?: number;
  weight?: number;
}

2. Required：可以将类型的所有属性都变为`必填`的（与 Partial 工具类型相反）

1.源码：映射类型在键值的后面使用了一个 - 符号，- 与 ? 组合起来表示去除类型的可选属性，因此给定类型的所有属性都变为了必填。

type Required<T> = {
  [P in keyof T]-?: T[P];
};

2.使用

type RequiredPerson = Required<Person>;

// 相当于
interface RequiredPerson {
  name: string;
  age: number;
  weight: number;
}

3.Readonly：可以将类型的所有属性设为`只读`，这意味着属性不可以被重新赋值

1.源码

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

2.使用

type ReadonlyPerson = Readonly<Person>;

// 相当于
interface ReadonlyPerson {
  readonly name: string;
  readonly age?: number;
  readonly weight?: number;
}