TypeScript 类型断言
简单来说类型断言就是 使用as关键词 强行指定获取到的结果类型
应用场景
// 类型断言: 强行指定获取到的结果类型
// 应用场景
// 页面上有一个 id 为 link 的 a 标签
// 我们知道它是 a 标签
// 但是 TS 不知道
// document.getElementById 的返回值是 HTMLElement 所有TS认为他是HTMLElement
// 而 HTMLElement 身上没有 href a标签应该是HTMLAnchorElement href在HTMLAnchorElement中
// 所以我们需要强行指定它的类型为HTMLAnchorElement 我们才能使a.herf不报错
const a = document.getElementById('link') as HTMLAnchorElement
const box = document.getElementById('box') as HTMLDivElement
const pp = document.getElementById('pp') as HTMLParagraphElement
const img = document.getElementById('avatar') as HTMLImageElement
如果我们不知道一个标签是什么类型,我们可以像下面这样
用img标签举例
先创建一个img元素,然后把鼠标放到接收的变量上面(下图就是把鼠标放在result上面)就会弹出来img是HTMLImageElement类型了文章来源:https://www.toymoban.com/news/detail-627681.html
总结: 当函数获取到的结果类型较为宽泛时, 我们又知道具体类型, 就可以使用断言强行指定类型文章来源地址https://www.toymoban.com/news/detail-627681.html
到了这里,关于TypeScript 类型断言的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!