![[撇嘴]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_14.8130d96.png)
晴天大圣
获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇沸点
赞了这篇沸点
typescript小知识：
keyof 获取一个类型中的所有可访问的key值
Extract<T,B> 获取 T 类型中指定的 B 的key 的新类型
A extends B A类型是B类型的子类型
never 表示不存在的类型 比如 string & number => never
由此可得： 我们想从一个类中获取这个类型指定value的类型集合就有如下操作
type PickTypeIs<T, Type> = keyof {
[P in keyof T as Extract<P, T[P] extends Type ? P : never>]: T[P]
};
// 一个function的key值集合
interface User {
name:string
age:number
getName():string
getAge():number
}
type fnKeys = PickTypeIs<User ,Function> ==> "getName"|"getAge"
type stringKeys = PickTypeIs<User ,string> ==> "name"
keyof 获取一个类型中的所有可访问的key值
Extract<T,B> 获取 T 类型中指定的 B 的key 的新类型
A extends B A类型是B类型的子类型
never 表示不存在的类型 比如 string & number => never
由此可得： 我们想从一个类中获取这个类型指定value的类型集合就有如下操作
type PickTypeIs<T, Type> = keyof {
[P in keyof T as Extract<P, T[P] extends Type ? P : never>]: T[P]
};
// 一个function的key值集合
interface User {
name:string
age:number
getName():string
getAge():number
}
type fnKeys = PickTypeIs<User ,Function> ==> "getName"|"getAge"
type stringKeys = PickTypeIs<User ,string> ==> "name"
展开
评论
1
关注了标签 
ECMAScript 6
ECMAScript 6
关注了标签 
HTML
HTML
关注了标签 
前端框架
前端框架
关注了标签 
React.js
React.js
关注了标签 
Vue.js
Vue.js