TypeScript 怎么用 Extract/Exclude 过滤联合类型成员？

Question

仓乃文 · Accepted Answer

联合类型中有时需要保留或排除部分成员，手动重新定义容易遗漏。Extract 从联合类型中提取符合条件的成员，Exclude 排除符合条件的成员，两者互补，适合基于现有类型派生新类型。 Exclude 排除成员： ```typescript type AllTypes = string | number | boolean | null | undefined; type NonNullTypes = Exclude; // string | number | boolean ``` Extract 提取成员： ```typescript type StringOrNumber = Extract; // string | number ``` 过滤接口联合类型： ```typescript type Event = | { type: "click"; x: number; y: number } | { type: "keydown"; key: string } | { type: "focus" }; type MouseEvent = Extract; // { type: "click"; x: number; y: number } type NonMouseEvent = Exclude; // { type: "keydown"; key: string } | { type: "focus" } ``` 补充说明： - Exclude 等价于 T extends U ? never : T（分布式条件类型） - Extract 等价于 T extends U ? T : never - 两者都利用分布式条件类型，对联合类型每个成员分别判断 - 适合权限过滤、事件类型筛选、状态排除等场景 - NonNullable 等价于 Exclude