返回

掌握Utility Types：Exclude和Extract的精髓

前端

TypeScript中的Utility Types：Exclude和Extract

在TypeScript的类型系统中，Utility Types扮演着至关重要的角色，使我们能够操作和转换其他类型。其中，Exclude和Extract是两大常用的Utility Types，它们可以帮助我们从类型中排除或提取特定属性。

Exclude：剔除属性

Exclude类型接受两个类型参数，从第一个类型中排除第二个类型中的属性。语法如下：

type NewType = Exclude<FirstType, SecondType>;

让我们看一个例子：

type User = {
  name: string;
  age: number;
  isAdmin: boolean;
};

type UserWithoutIsAdmin = Exclude<User, "isAdmin">;

上面的代码定义了一个User类型，它具有name、age和isAdmin属性。Exclude<User, "isAdmin">从User类型中排除了isAdmin属性，因此UserWithoutIsAdmin类型只包含name和age属性。

Extract：提取属性

Extract类型与Exclude类似，但它从第一个类型中提取第二个类型中的属性。语法如下：

type NewType = Extract<FirstType, SecondType>;

考虑以下示例：

type Person = {
  name: string;
  age: number;
};

type NameAndAge = Extract<Person, { name: string; age: number }>;

在上面的代码中，Person类型包含name和age属性。Extract<Person, { name: string; age: number }>从Person类型中提取name和age属性，因此NameAndAge类型只包含这这两个属性。

Utility Types的应用

Exclude和Extract Utility Types在TypeScript中有着广泛的应用，包括：

  • 构造特定类型的子类型： 例如，Exclude可以用来从对象类型中移除可选属性。
  • 创建条件类型： Exclude和Extract可以与条件类型结合使用，动态地创建新类型。
  • 优化代码库： Utility Types可以简化代码并提高其可读性。

示例

以下是使用Exclude和Extract构建TypeScript代码的示例：

// 排除"isAdmin"属性
function canEdit(user: Exclude<User, "isAdmin">) {
  // ...
}

// 提取"name"属性
const name = Extract<User, { name: string }>;

总结

Exclude和Extract是TypeScript Utility Types中重要的工具，使我们能够操作和转换类型。通过理解它们的用法和应用，我们可以编写更灵活、可重用且健壮的TypeScript代码。