请解释 TypeScript 中的 Partial、Required、Readonly 和 Pick 等内置的映射类型的作用和用法

推荐答案

Partial

Partial<T> 是 TypeScript 中的一个内置映射类型，它可以将类型 T 中的所有属性变为可选的。这意味着生成的类型中的所有属性都可以不提供。

// www.javascriptcn.com code example
interface User {
  name: string;
  age: number;
}

type PartialUser = Partial<User>;

// PartialUser 等同于：
// {
//   name?: string;
//   age?: number;
// }

Required

Required<T> 是 TypeScript 中的另一个内置映射类型，它可以将类型 T 中的所有属性变为必选的。这意味着生成的类型中的所有属性都必须提供。

// www.javascriptcn.com code example
interface User {
  name?: string;
  age?: number;
}

type RequiredUser = Required<User>;

// RequiredUser 等同于：
// {
//   name: string;
//   age: number;
// }

Readonly

Readonly<T> 是 TypeScript 中的一个内置映射类型，它可以将类型 T 中的所有属性变为只读的。这意味着生成的类型中的所有属性都不能被修改。

// www.javascriptcn.com code example
interface User {
  name: string;
  age: number;
}

type ReadonlyUser = Readonly<User>;

// ReadonlyUser 等同于：
// {
//   readonly name: string;
//   readonly age: number;
// }

Pick

Pick<T, K extends keyof T> 是 TypeScript 中的一个内置映射类型，它可以从类型 T 中选择一组属性 K 来创建一个新的类型。

// www.javascriptcn.com code example
interface User {
  name: string;
  age: number;
  email: string;
}

type UserNameAndAge = Pick<User, 'name' | 'age'>;

// UserNameAndAge 等同于：
// {
//   name: string;
//   age: number;
// }

本题详细解读

Partial

Partial<T> 的作用是将类型 T 中的所有属性变为可选的。这在处理部分更新对象时非常有用，例如在更新用户信息时，可能只需要更新部分字段。

Required

Required<T> 的作用是将类型 T 中的所有属性变为必选的。这在需要确保对象的所有属性都必须提供时非常有用，例如在创建新用户时，所有字段都必须填写。

Readonly

Readonly<T> 的作用是将类型 T 中的所有属性变为只读的。这在需要防止对象属性被意外修改时非常有用，例如在配置对象中，配置项通常不应该被修改。

Pick

Pick<T, K extends keyof T> 的作用是从类型 T 中选择一组属性 K 来创建一个新的类型。这在需要从一个大类型中提取出部分属性时非常有用，例如在只需要用户的名字和年龄时，可以使用 Pick 来创建一个只包含这两个属性的类型。