关于前端:类型挑战实现-Pick难度⭐️

Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～

常识使用：

在实现 Pick 这道题目的过程中使用到的知识点如下：

1. Keyof 类型运算符；
2. Mapped Types 映射类型；
3. Indexed Access Types：索引拜访类型；

4. 泛型中束缚类型参数；

   题目剖析：

   题目地址：4-easy-pick
   
   如图所示咱们须要设计一个通用类型工具 MyPick 来反对从接口 Todo 中获取到 title 或 completed 属性并组成一个新的类型。

   题目解答：

   测试用例：

5. 满足从 Todo 接口取出属性 title 及类型与 Expected1 类型统一。
6. 满足从 Todo 接口取出属性 title 和 completed 及类型形成联结类型与 Expected2 类型统一。

7. 当须要取出在 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]
   }

   在演练场验证答案

8. 通过 keyof T 来失去接口中所有属性的字符串组成的合集；
9. 应用 in 来遍历联结类型 K 失去每次遍历的值 key，模式为 [key in keyof T]；
10. 应用索引拜访类型，失去接口中特定属性的类型，模式为 T[key]；
11. 应用 extends 来束缚 K 均来自于 T 中；

在演练场看解题过程

接下来的一题是：【类型挑战】实现 Readonly，难度⭐️，纵情期待！

欢送关注我的公众号“前端小鑫同学”，原创技术文章第一工夫推送。

本文由博客一文多发平台 OpenWrite 公布！