第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

【類型挑戰(zhàn)】實(shí)現(xiàn) Pick,難度??

標(biāo)簽:
Typescript

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


知识运用:

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

  1. Keyof 类型运算符;
  2. Mapped Types 映射类型;
  3. Indexed Access Types:索引访问类型;
  4. 泛型中约束类型参数

题目分析:

题目地址:4-easy-pick
image.png
如图所示我们需要设计一个通用类型工具MyPick来支持从接口Todo中获取到title或completed属性并组成一个新的类型。

题目解答:

测试用例:

  1. 满足从Todo接口取出属性title及类型与Expected1类型一致。
  2. 满足从Todo接口取出属性title和completed及类型构成联合类型与Expected2类型一致。
  3. 当需要取出在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]
}
  1. 通过keyof T来得到接口中所有属性的字符串组成的合集;
  2. 使用in来遍历联合类型K得到每次遍历的值key,形式为[key in keyof T];
  3. 使用索引访问类型,得到接口中特定属性的类型,形式为T[key];
  4. 使用extends来约束K均来自于T中;

接下来的一题是:【类型挑战】实现 Readonly,难度⭐️,尽情期待!


點(diǎn)擊查看更多內(nèi)容
TA 點(diǎn)贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報(bào)

0/150
提交
取消