给定AllActions联合类型，如何生成基于type属性的联合类型？

这事儿在TypeScript里简直是小菜一碟，用索引访问类型就能轻松搞定！直接通过联合类型的['type']索引，就能自动提取所有成员的type属性值，合并成新的联合类型。

完整示例代码 #

// 你的原始类型定义
interface FooAction { type: "foo"; data: any; }
interface BarAction { type: "bar"; data: any; }
type AllActions = FooAction | BarAction;

// 提取type属性的联合类型
type AllTypes = AllActions['type']; 
// 此时AllTypes的类型就是 "foo" | "bar"，完全符合你的需求！

原理说明 #

当你对联合类型使用索引访问（比如AllActions['type']）时，TypeScript会遍历联合类型里的每一个成员，分别提取它们的type属性类型，最后把这些类型自动合并成一个新的联合类型。而且这个方式是动态的——如果之后你给AllActions新增了其他action类型（比如interface BazAction { type: "baz"; data: any; }），AllTypes会自动更新为"foo" | "bar" | "baz"，不用手动修改，非常省心。

内容的提问来源于stack exchange，提问作者jumbopap