您好，欢迎来到我们得 Typescript 缩小系列得第四篇文章。 我们从上次中断得地方继续，所以如果你错过了之前得任何文章，我建议你回去阅读它们。
在感谢中，我们将介绍标记联合类型（AKA 区分联合）。
在以后得文章中，我们还有更多内容：
- 断言守卫
- 高阶守卫
- 缩小图书馆
标记得联合类型（可区分联合）
那么，标记得联合类型……它们是什么？
这是不言自明得。 它们是带有标签得联合类型
例如，您可以有一个名为 Log 得联合类型，它聚合三个接口：Warning、Debug 和 Information。
type Log = Warning | Debug | Information;interface Warning { text: string;}interface Debug { message: string;}interface Information { msg: string;}
酷，现在我们有一个联合类型。 要将其转换为标记得联合类型，我们需要在接口之间具有文字类型得公共属性。 它可以是任何属性名称，但为了模拟真实示例，我们将其命名为 .subscribeToTheNewsletter。
此属性将用作构成 Log 类型得不同类型接口得 发布者会员账号。 每个接口都将具有该属性得不同文字类型。
type Log = Warning | Debug | Information;interface Warning { subscribeToTheNewsletter: 'like'; text: string;}interface Debug { subscribeToTheNewsletter: 'comment'; message: string;}interface Information { subscribeToTheNewsletter: 'share'; msg: string;}
就是这样。 .subscribeToTheNewsletter 属性用作 Log 类型得标记，因此它现在是标记得联合类型。
歧视性工会术语
正如我之前提到得，这也称为判别联合，我们得 .subscribeToTheNewsletter 属性是 Log 得判别属性。
引用 Typescript 文档：“当联合中得每个类型都包含具有文字类型得公共属性时，Typescript 认为这是一个可区分得联合。”
从现在开始，我将使用“有区别得联合”术语，而不是“标记得联合类型”，因为 Typescript 现在就是这样称呼它得，我希望与自家术语保持一致——尽管我相信“标记得联合类型” ”将是一个更好得名字。
歧视工会得类型守卫
“好得，卢卡斯，我明白了。但有什么意义呢？我和受歧视得工会有什么关系？”
好问题。
你得到一个有区别得联合是对联合类型所有可能得歧视得类型保护。
例如，如果您有一个名为 value 得变量，它是一个 Log。这意味着该值可以是警告、调试或信息。
let value: Log;if (isWarning(value)) { // Handle the Warning case} else if (isDebug(value)) { // Handle the Debug case} else if (isInformation(value)) { // Handle the Information case}const isWarning = (value: unknown): value is Warning => { ... }const isDebug = (value: unknown): value is Debug => { ... }const isInformation = (value: unknown): value is Information => { ... }
但是，您可以只检查判别属性得值，而不是为这三个接口创建单独得守卫。
如果 .subscribeToTheNewsletter 是“喜欢”，您就知道这是一个警告。 如果是“评论”，那就是调试。 如果它是“共享”，它就是一个信息。
let value: Log;if (value.subscribeToTheNewsletter === 'like') { // Handle the Warning case} else if (value.subscribeToTheNewsletter === 'comment') { // Handle the Debug case} else if (value.subscribeToTheNewsletter === 'share') { // Handle the Information case}
而且你可以通过加倍努力并切换你得 if 语句来使你得代码更加清晰——明白了么？ “切换”……“切换”……不是么？ 好得…
let value: Log;switch (value.subscribeToTheNewsletter) { case 'like': // Handle the Warning case case 'comment': // Handle the Debug case case 'share': // Handle the Information case}
如果你喜欢这些内容，你就知道该怎么做了。
