Dear,大家好,我是“前端小鑫同学”,😇长期从事前端开发,安卓开发,热衷技术,在编程路上越走越远~
常识使用:
在实现 Pick 这道题目的过程中使用到的知识点如下:
- Keyof 类型运算符;
- Mapped Types 映射类型;
- Indexed Access Types:索引拜访类型;
-
泛型中束缚类型参数;
题目剖析:
题目地址:4-easy-pick
如图所示咱们须要设计一个通用类型工具 MyPick 来反对从接口 Todo 中获取到 title 或 completed 属性并组成一个新的类型。题目解答:
测试用例:
- 满足从 Todo 接口取出属性 title 及类型与 Expected1 类型统一。
- 满足从 Todo 接口取出属性 title 和 completed 及类型形成联结类型与 Expected2 类型统一。
-
当须要取出在 Todo 中不存在的属性 invalid 及类型时将抛出谬误。
/* _____________ 测试用例 _____________ */ // 残缺测试用例可见 type-challenges 我的项目,点击题目链接可转到 import {Equal, Expect} from '@type-challenges/utils' type cases = [ Expect<Equal<Expected1, MyPick<Todo, 'title'>>>, Expect<Equal<Expected2, MyPick<Todo, 'title' | 'completed'>>>, // @ts-expect-error MyPick<Todo, 'title' | 'completed' | 'invalid'>, ]
答案及解析:
/* _____________ 答案 _____________ */ type MyPick<T, K extends keyof T> = {[key in K]: T[key] }
在演练场验证答案
- 通过 keyof T 来失去接口中所有属性的字符串组成的合集;
- 应用 in 来遍历联结类型 K 失去每次遍历的值 key,模式为 [key in keyof T];
- 应用索引拜访类型,失去接口中特定属性的类型,模式为 T[key];
- 应用 extends 来束缚 K 均来自于 T 中;
在演练场看解题过程
接下来的一题是:【类型挑战】实现 Readonly,难度⭐️,纵情期待!
欢送关注我的公众号“前端小鑫同学”,原创技术文章第一工夫推送。
本文由博客一文多发平台 OpenWrite 公布!