在 TypeScript 中将所有属性设为可选

使用 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];
};

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

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

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

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

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

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