TypeScript进阶之泛型分发

在TypeScript（TS）的进阶学习中，“分发”（Distribution）是一个与泛型、联合类型（Union Types）以及类型操作相关的概念。虽然TypeScript的官方文档中并没有直接命名为“分发”的明确章节，但这一概念在理解泛型与联合类型如何交互时非常关键。

TypeScript分发概念概述

分发在TypeScript中主要指的是当泛型参数为联合类型时，泛型函数或类型操作会针对联合类型中的每一个成员类型分别进行操作，并最终将各个成员类型的结果合并起来。这种机制允许开发者编写出更加灵活和强大的类型工具。

分发的具体表现

类型操作与分发

当泛型函数接受一个联合类型作为类型参数时，该函数会对联合类型中的每一个类型分别进行实例化，而不是将整个联合类型作为一个整体来处理。这种机制使得函数能够针对不同的类型成员返回不同的结果。

type IdentityType<T extends string | number> = T extends string ? 'a' : 'b';

let someTypeOne: IdentityTypeOne<string> // someTypeone 类型为 'a'

let someTypeTwo: IdentityTypeTwo<number> // someTypeone 类型为 'b'

let someTypeThree: IdentityTypeThree<string | number>; // what ? 

 这里我们定义了一个 IdentityType 的类型，它接受一个泛型参数 T 。这个泛型参数 T 在传入时需要满足为 string 和 number 的联合类型的约束。（简言之，要么为 string 要么为 number 要么为 string ｜ number）。

• 首先，IdentityTypeOne 变量的类型为 IdentityType<string>。

因为我们为 IdentityTypeOne 定义时传入了 string 的类型参数，所以按照条件类型来判断，string extends string 明显是满足的，所以返回类型 'a'。

• 同理，IdentityTypeTwo 变量的类型也会被推断为 'b'。

那么重点来了，IdentityTypeThree 定义时的类型 IdentityType<'string' | 1> 我们传入的泛型参数为联合类型时 'string' | 1 时，它会的到什么类型呢？

IdentityTypeThree的类型竟然被推导成为了 'a' | 'b' 组成的联合类型

所谓的分发简单来说就是分别使用 string 和 number 这两个类型进入 IdentityType 中进行判断，最终返回两次类型结果组成的联合类型。

当然，你可以在使用 IdentityType你可以传入n个类型组成的联合类型作为泛型参数，同理它会进行进入 GetSomeType 类型中进行 n 次分发判断。

那么，什么情况下会产生分发呢？满足分发需要一定的条件，我们来一起看看：

• 首先，毫无疑问分发一定是需要产生在 extends 产生的类型条件判断中，并且是前置类型。

比如T extends string | number ? 'a' : 'b'; 那么此时，产生分发效果的也只有 extends 关键字前的 T 类型，string | number 仅仅代表一种条件判断。

• 其次，分发一定是要满足联合类型，只有联合类型才会产生分发（其他类型无法产生分发的效果，比如 & 交集中等等）。
• 最后，分发一定要满足所谓的裸类型中才会产生效果。

分发的意义

分发机制使得TypeScript的类型系统更加灵活和强大。它允许开发者编写出能够处理多种类型情况的泛型代码，而无需为每种类型情况编写单独的代码。这不仅减少了代码量，还提高了代码的可维护性和复用性。

总结

在TypeScript中，“分发”是一个与泛型、联合类型以及类型操作密切相关的概念。它指的是当泛型参数为联合类型时，泛型函数或类型操作会针对联合类型中的每一个成员类型分别进行操作，并最终将各个成员类型的结果合并起来。这种机制极大地增强了TypeScript类型系统的灵活性和表达能力。