TS 映射类型

Posted 2023-02-05 前端精髓

下面来看看最简单的映射类型和它的组成部分：

type Keys = 'option1' | 'option2';
type Flags =  [K in Keys]: boolean ;

它的语法与索引签名的语法类型，内部使用了 for .. in。 具有三个部分：

1. 类型变量 K，它会依次绑定到每个属性。
2. 字符串字面量联合的 Keys，它包含了要迭代的属性名的集合。
3. 属性的结果类型。

在个简单的例子里， Keys是硬编码的的属性名列表并且属性类型永远是 boolean，因此这个映射类型等同于：

type Flags = 
    option1: boolean;
    option2: boolean;