TypeScript Exclude类型的工作原理

Posted on by

在 TypeScript 中，实用工具类型允许我们从已定义的utility类型中排除某些成员。这意味着我们可以采用现有类型，并在特定情况下从中删除项目。Exclude

让我们看一下exclude utility type在TypeScript中的工作原理。

Utility类型

Utility类型是在TypeScript 中定义的类型，用于解决特定问题。如果您不熟悉在 TypeScript 中定义自定义类型，请在此处阅读我有关定义自定义类型的指南。

Exclude类型在TypeScript中的工作原理#

在TypeScript中，我们可以定义一个称为union类型的特定类型。union类型是某物的可能值的列表。例如：

type myUnionType = "🍇" | "🍎" | "🫐" | "🍋"

在上面，如果我们给某物一个类型，那么它只能是4个值：🍇，，🍎，🫐或🍋。例如：myUnionType

type myUnionType = "🍇" | "🍎" | "🫐" | "🍋"

// This works!
let myString:myUnionType = "🍇"

// This throws an error! "Type '"some-string"' is not assignable to type 'myUnionType'.
let secondString:myUnionType = "some-string"

所以现在我们已经介绍了union类型如何工作的基础知识，让我们来谈谈。Exclude

Exclude类型

假设我们有一个情况，我们想要使用 ，但我们不想包含在🍋有效的值列表中。这可能在现实生活中的 API 响应中发生 – 假设您有一个标准的 API 响应类型，但您希望在特定情况下从该 API 类型中删除字段。myUnionType

这就是我们可以使用的地方。 具有语法 。我们传入正常的union类型，然后在第二个参数中说出要从中删除哪些成员。ExcludeExcludeExclude<UnionType, ExcludedMembers>

让我们试试吧：

type myUnionType = "🍇" | "🍎" | "🫐" | "🍋"

// This works!
let lemon:myUnionType = "🍋"

// This throws an error! Type '"🍋"' is not assignable to type '"🍇" | "🍎" | "🫐"'.
let noLemonsPlease:Exclude<myUnionType, "🍋"> = "🍋"

第二个变量会引发错误，因为我们曾经从union 类型中删除🍋此特定变量。这意味着我们可以在其他地方正常使用该类型，然后在我们觉得使用 Exclude 时排除成员。noLemonsPleaseExclude

如果我们想删除多个成员，我们只需要用：|

type myUnionType = "🍇" | "🍎" | "🫐" | "🍋"

// This works!
let lemon:myUnionType = "🍋"
 
let noLemonsPlease:Exclude<myUnionType, "🍋"> = "🍇"
//  ^
//  └ - - Type is  "🍇" | "🍎" | "🫐"

let noApplesOrLemons:Exclude<myUnionType, "🍋" | "🍎"> = "🍇";
//  ^
//  └ - - Type is  "🍇" | "🫐"

let onlyRaspberries:Exclude<myUnionType, "🍋" | "🍎" | "🫐"> = "🍇";
//  ^
//  └ - - Type is  "🍇"

let backToLemons:myUnionType = "🍋"
//  ^
//  └ - - Type is  "🍇" | "🍎" | "🫐" | "🍋"

因此，该类型使我们能够灵活地在适合我们的时候删除特定的元素，并在我们再次需要它们时将它们保留在那里。Exclude

推荐阅读：