TypeScript类型体操<hard>--ToOptional
前言
二也是没啥动力,光看不点赞的😂
不过今天突然注意到,即使这么久都不更新了,但是订阅的人数还是在不断增加的,想来大家还是对ts
有兴趣的
既如此
那就...
那就......
再写一篇?
嗯......
为了保证自己能坚持更下去,我觉得将之前吹过的牛逼(每周更新1-2篇)收回,并变更为每月更新1-3篇,这样才更力所能及些🤔
进度
前边几篇文章我们一共实现了39个工具类型,按照本专栏的规划,还差60个...
本节我们继续学习一个新的工具类型
提示
题目
将对象中的key
转为可选,可传参数二指定可变范围
示例如下
ToOptional<{ name: string , age: number }>
//=> { name?: string; age?: number }
ToOptional<{ name: string, age: number }, 'name'>
//=> { name?: string ; age: number }
实现
首先,创建一个自定义类型ToOptional
,暂定两个泛型参数T
、U
type ToOptional<T,U>
接着为参数T和U做类型限定,显然T
应当是对象类型,而U
则依附于T
,它的取值一定是U
的key
组成的联合类型的子类型
type ToOptional<T extends {},U extends keyof T = keyof T>
从前文示例不难看出,对于key
的处理可以分成两部分,一部分是需要变成可选的,即参数U
的部分
type Obj1 = {
[K in U]?:T[K]
}
另外一部分则是原封不动的
type Obj2 = {
[K in Exclude<keyof T,U>]:T[K]
}
这二者的交集似乎刚刚好就是原类型T
Obj1 & Obj2
为了验证这一点,我们随便写一个例子来验证下
假设T
如下
type T = {
name?:string;
age:number;
sex:'man'
}
Obj1
如下
type Obj1 = {
name?:string;
}
Obj2
如下
type Obj2 = {
age:number;
sex:'man'
}
则Obj1 & Obj2
是否等于T
呢
故,完整代码及使用示例如下
下期预告
Square
- 功能
获取平方数
- 使用示例
type case = Square<4> // 16
如果本文对您有用,希望能得到您的点赞和收藏
订阅专栏,每月更新1-3篇类型体操,等你哟😎
转载自:https://juejin.cn/post/7326461075448315955