Typescript一些常用的泛型工具

您所在的位置：网站首页 › typescript泛型约束返回值 › Typescript一些常用的泛型工具

Typescript一些常用的泛型工具

2023-07-17 02:49| 来源: 网络整理| 查看: 265

Partial

将传入的属性变为可选项

interface IPeople { title: string; name: string; } const people: Partial = { title: 'Delete inactive users' }; 复制代码

实现原理：

将映射对象类型 { P in K : T } 与索引类型 keyof T 查询结合使用来遍历已有对象类型的所有属性成员, 再对其属性成员设为可选属性。

interface IPeople { title: string; name: string; } type MyPartial = { [P in keyof T]?: T[P]; }; const people: MyPartial = { title: 'Delete inactive users' }; 复制代码

Record

类型参数K提供了对象属性名联合类型，类型参数T提供了对象属性的类型

interface Person { name: string; } // 将x, y 作为Person的key type Peoples = Record; const P: Peoples = { x: { name: '张三' }, y: { name: '李四' } } 复制代码

实现原理:

通过 K extends keyof any 对泛型进行约束，约束在 any 的 key中， K可以是任意类型(联合类型、对象、枚举…)，再通过映射对象类型 { P in K : T } ，将每一个属性成员转化为 T 类型

interface Person { name: string; } type MyRecord = { [P in K]: T; }; // 将x, y 作为Person的key type Peoples = MyRecord; const P: Peoples = { x: { name: "张三", }, y: { name: "李四", }, }; 复制代码

Readonly

把传入的类型变为只读状态

interface Person { name: string; age: number; } const p: Readonly = { name: '张三', age: 22 } p.name = '李四'; // 无法分配到 "name" ，因为它是只读属性复制代码

实现原理：

与 Partial 实现原理类似，通过映射对象类型 { P in K : T } 方式遍历获取其所有属性成员，再统一设置为 readonly

interface Person { name: string; age: number; } type MyReadonly = { readonly [P in keyof T]: T[P]; }; const p: MyReadonly = { name: "张三", age: 22, }; p.name = "李四"; // 无法分配到 "name" ，因为它是只读属性复制代码

Required

把传入的类型变为必填状态

interface Person { name?: string; age?: number; } const p: Required = { name: '张三', age: 22 } 复制代码

实现原理：

与 Partial 实现原理类似，通过映射对象类型 { P in K : T } 方式遍历获取其所有属性成员, 再统一通过“-” 修饰符移除 “?” 修饰符，从而转变为必填状态

interface Person { name?: string; age?: number; } type MyRequired = { [P in keyof T]-?: T[P]; }; const p: MyRequired = { name: '张三', age: 22 } 复制代码

Pick

在 T 中，过滤掉非 S 的类型

interface IPerson { name: string; age: number; } type TP = Pick; const p: TP = { age: 22, // 对象文字可以只指定已知属性，并且“age”不在类型“TP”中 name: '张三' } 复制代码

实现原理：

通过 K extends keyof T 进行泛型约束，将 K 被约束在 T 的key中，不能超出这个范围，再通过映射对象类型 { key in K : T[key] } ，来约束每一个属性成员。

interface IPerson { name: string; age: number; } type MyPick = { [key in K]: T[key] } type TP = MyPick; const p: TP = { age: 22, // 对象文字可以只指定已知属性，并且“age”不在类型“TP”中 name: '张三' } 复制代码

Exclude

该工具类型能够从类型T中剔除所有可以赋值给类型U的类型

type T0 = Exclude; // 相当于 type T0 = "b" | "c" type T1 = Exclude; // 相当于 type T1 = "c" type T2 = Exclude void), Function>; // 相当于 type T2 = string | number 复制代码

实现原理：

表示如果 T 是 U 的子类返回 never 类型，如果不是返回 T 类型。当 T 为联合类型的时候，它会自动分发条件。

type MyExclude = T extends U ? never : T; type T0 = MyExclude; // 相当于 type T0 = "b" | "c" type T1 = MyExclude; // 相当于 type T1 = "c" type T2 = MyExclude void), Function>; // 相当于 type T2 = string | number 复制代码

Extract

“Extract”工具类型与“Exclude”工具类型是互补的，它能够从类型T中获取所有可以赋值给类型U的类型

type T0 = Extract; // 相当于 type T0 = 'a'; type T1 = Extract void), Function>; // 相当于 type T1 = () => void; type T2 = Extract; // 因为没有交集，相当于 type T2 = never; 复制代码

实现原理：

与 Exclude 实现方式类似

type MyExtract = T extends U ? T : never; type T0 = Extract; // 相当于 type T0 = 'a'; type T1 = Extract void), Function>; // 相当于 type T1 = () => void; type T2 = Extract; // 因为没有交集，相当于 type T2 = never; 复制代码

Omit

在 T 中删除对应的 K

interface IPerson { name: string; age: number; } type TP = Omit; const p: TP = { name: '张三' } 复制代码

ReturnType

该工具类型能够获取函数类型T的返回值类型

// string type T0 = ReturnType string>; // { a: string; b: number } type T1 = ReturnType { a: string; b: number}>; 复制代码

【本文地址】

Typescript一些常用的泛型工具

Typescript一些常用的泛型工具

今日新闻

推荐新闻