从零读懂Utility Types-Omit，前端萌新也能轻松掌握

2024-02-20 19:00:05

Omit：一种强大的工具，可用于从 TypeScript 对象中删除属性

在 TypeScript 中，Utility Types 是一组内置工具，用于操作和转换类型。其中，Omit 是最常用的类型之一，用于从对象中删除指定的属性，从而创建新的类型。

理解 Omit

Omit 的类型定义如下：

type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

T ：要从中删除属性的对象类型。
K ：要从 T 中删除的属性的键类型。

使用 Omit

使用 Omit 非常简单。只需在类型名称后指定尖括号，并在尖括号内指定要操作的对象类型和要删除的属性键类型即可。例如：

type User = {
  id: number;
  name: string;
  age: number;
};

type UserWithoutAge = Omit<User, "age">;

在上面的代码中，我们定义了一个名为 User 的类型，其中包含 id、name 和 age 三个属性。然后，我们使用 Omit 创建了一个名为 UserWithoutAge 的新类型，该类型从 User 中删除了 age 属性。

Omit 的优点

Omit 具有许多优点，包括：

可读性： Omit 有助于我们更轻松地理解对象的结构，因为它可以明确地指出哪些属性被删除了。
可维护性： Omit 有助于我们更轻松地维护代码，因为我们可以通过修改要删除的属性列表来轻松地修改对象结构。
类型安全性： Omit 有助于我们提高代码的类型安全性，因为它可以确保我们不会意外地访问被删除的属性。

Omit 的使用场景

Omit 在实际开发中有很多使用场景，以下是一些常见的场景：

从对象中删除不需要的属性。
创建新的对象类型。
实现接口。

使用代码示例

以下是使用 Omit 的一个代码示例：

// 定义一个 User 类型
type User = {
  id: number;
  name: string;
  age: number;
};

// 使用 Omit 创建一个 UserWithoutAge 类型
type UserWithoutAge = Omit<User, "age">;

// 创建一个 User 对象
const user: User = {
  id: 1,
  name: "John Doe",
  age: 30,
};

// 访问 UserWithoutAge 类型
const userWithoutAge: UserWithoutAge = {
  id: user.id,
  name: user.name,
};