【学习打卡】第50天 TypeScript(6)
2022/9/25 4:17:17
本文主要是介绍【学习打卡】第50天 TypeScript(6),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
泛型中使用extends和keyof
泛型约束extends
如下getName传递的参数多了age会报错,因为Person中只有name属性,多传的age不在Person类型中
interface Person { name: string; } function getName(person: Person) { return person.name } getName({name: 'tz', age: 18}) // 报错
利用泛型extends可以解决上述问题;通过 T extends Person,T中必须有name属性,至于其他的属性就不管了
interface Person { name: string; } function getName<T extends Person>(person: T) { return person.name } getName({name: 'tz', age: 18})
extends和泛型结合的泛型约束,解决固定参数传递需求
keyof
先看下面的例子报错:
Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index type ‘Person’.
No index signature with a parameter of type ‘string’ was found on type ‘Person’.
大致意思是:因为传入的key值是不确定的,不能保证是Person类型中的,所以不能将key用于person的索引
const person: Person = { name: 'tz', age: 18 } function getPerson(person: Person, key: string) { return person[key] // 报错 } getPerson(person, 'name')
上述报错的解决方案是:
明确key就是Person类型中的某一个属性即可,可以采用泛型 + extends + keyof来解决;
如下keyof Person相当于对Person的属性进行遍历;
T extends keyof Person代表T是 name 或者 age中的某一个
const person: Person = { name: 'tz', age: 18 } function getPerson<T extends keyof Person>(person: Person, key: T) { return person[key] } getPerson(person, 'name')
这篇关于【学习打卡】第50天 TypeScript(6)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-04-16软路由代理问题, tg 无法代理问题-icode9专业技术文章分享
- 2024-04-16程序猿用什么锅-icode9专业技术文章分享
- 2024-04-16自建 NAS 的方案-icode9专业技术文章分享
- 2024-04-14ansible 在远程主机上执行脚本,并传入参数-icode9专业技术文章分享
- 2024-04-14ansible 在远程主机上执行脚本,并传入参数, 加上remote_src: yes 配置-icode9专业技术文章分享
- 2024-04-14ansible 检测远程主机的8080端口,如果关闭,则echo 进程已关闭-icode9专业技术文章分享
- 2024-04-14result 成功怎么写-icode9专业技术文章分享
- 2024-04-14stopped 状态设置为变量,由外部传递进来-icode9专业技术文章分享
- 2024-04-14为什么ansible执行远程脚本需要放到后台-icode9专业技术文章分享
- 2024-04-14shell 正则判断字符串内是否含有th-icode9专业技术文章分享