TypeScript 類型斷言
簡單來說類型斷言就是 使用as關(guān)鍵詞 強(qiáng)行指定獲取到的結(jié)果類型
應(yīng)用場景
// 類型斷言: 強(qiáng)行指定獲取到的結(jié)果類型
// 應(yīng)用場景
// 頁面上有一個(gè) id 為 link 的 a 標(biāo)簽
// 我們知道它是 a 標(biāo)簽
// 但是 TS 不知道
// document.getElementById 的返回值是 HTMLElement 所有TS認(rèn)為他是HTMLElement
// 而 HTMLElement 身上沒有 href a標(biāo)簽應(yīng)該是HTMLAnchorElement href在HTMLAnchorElement中
// 所以我們需要強(qiáng)行指定它的類型為HTMLAnchorElement 我們才能使a.herf不報(bào)錯(cuò)
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
如果我們不知道一個(gè)標(biāo)簽是什么類型，我們可以像下面這樣
用img標(biāo)簽舉例
先創(chuàng)建一個(gè)img元素，然后把鼠標(biāo)放到接收的變量上面（下圖就是把鼠標(biāo)放在result上面）就會(huì)彈出來img是HTMLImageElement類型了文章來源：http://www.zghlxwxcb.cn/news/detail-627681.html
總結(jié)： 當(dāng)函數(shù)獲取到的結(jié)果類型較為寬泛時(shí), 我們又知道具體類型, 就可以使用斷言強(qiáng)行指定類型文章來源地址http://www.zghlxwxcb.cn/news/detail-627681.html
到了這里，關(guān)于TypeScript 類型斷言的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
