迹忆客 专注技术分享

使用 Partial 实用程序类型使一个类中的所有属性都是可选的，例如 const emp: Partial<Employee> = {};。 Partial 实用程序类型构造一个新类型，其中提供的类型的所有属性都设置为可选。

interface Employee {
  id: number;
  name: string;
  salary: number;
}

const emp: Partial<Employee> = {};

emp.name = 'James';

我们使用 Partial 实用程序类型来构造一个新类型，其中提供的类型的所有属性都设置为可选。

interface Employee {
  id: number;
  name: string;
  salary: number;
}

// 👇️ type T = {
//     id?: number | undefined;
//     name?: string | undefined;
//     salary?: number | undefined;
// }
type T = Partial<Employee>;

相同的方法可用于获取由对象属性组成的类型，其中所有属性都标记为可选。

const obj = {
  id: 1,
  name: 'James',
  salary: 100,
};

// 👇️ type T = {
//     id?: number | undefined;
//     name?: string | undefined;
//     salary?: number | undefined;
// }
type T = Partial<typeof obj>;

请注意，我们必须使用 typeof 类型运算符，因为 Partial 需要一个类型。

我们可以在 TypeScript 的 Github 存储库中看到内置的 Partial 类型是如何实现的。

/**
 * Make all properties in T optional
 */
type Partial<T> = {
    [P in keyof T]?: T[P];
};

?: 语法称为映射修饰符，用于影响可选性。

我们还可以看到 +?: 正在使用，它达到了相同的结果。 如果不添加前缀，则假定为 +。

实用程序类型基本上采用所提供类型的所有属性并将它们标记为可选。

映射修饰符可以以两种方式影响可选性，例如 我们还可以使用它们来制作接口所需的所有属性，方法是在 ?: 前加上减号 -?:。

如果我们不添加前缀，则假定为 +，就像在 Partial 实用程序类型中一样。

/**
 * Make all properties in T required
 */
type Required<T> = {
    [P in keyof T]-?: T[P];
};

这是 Required 实用程序类型的代码，它使得所提供类型的所有属性都是必需的。

请注意，唯一更改的字符是问号前面的减号，以使用删除可选性的映射修饰符。