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

作者

在 TypeScript 中使所有属性可选

Make all properties optional in TypeScript

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

索引.ts
interface Employee {
  id: number;
  name: string;
  salary: number;
}

const emp: Partial<Employee> = {};

emp.name = 'James';

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

索引.ts
interface Employee {
  id: number;
  name: string;
  salary: number;
}

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

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

索引.ts
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需要一个类型。

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

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

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

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

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

映射修饰符可以双向影响可选性，例如，您还可以使用它们来使接口的所有属性成为必需的，方法是在 前面?:
加上减号 ( -?:)。

如果您不添加前缀，则+假定为，就像在实用程序类型中一样。 Partial
索引.ts
/**
 * Make all properties in T required
 */
type Required<T> = {
    [P in keyof T]-?: T[P];
};

这是实用程序类型的

代码，Required它使所提供类型的所有属性成为必需。

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

–

发表评论