Typescript踩坑點(diǎn)

1,類(lèi)型斷言
類(lèi)型斷言更像是類(lèi)型的選擇,而不是類(lèi)型轉(zhuǎn)換
舉例:

// 函數(shù)的參數(shù) val 是一個(gè)聯(lián)合類(lèi)型,在這里的意思是說(shuō) val 可以是字符串類(lèi)型也可以是數(shù)值類(lèi)型。
function func(val: string | number): number {
  if (val.length) {
    return val.length
  } else {
    return val.toString().length
  }
}

代碼中要返回參數(shù)的長(zhǎng)度,但是 length 可以是字符串的屬性,而數(shù)值是沒(méi)有這個(gè)屬性的,所以當(dāng) val 是數(shù)值時(shí),就先用 toSting() 來(lái)將數(shù)字轉(zhuǎn)換為字符串再取長(zhǎng)度。
這樣的邏輯本身沒(méi)問(wèn)題,但是在編譯階段一訪問(wèn) val.length 時(shí)就報(bào)錯(cuò)了,因?yàn)?訪問(wèn)聯(lián)合類(lèi)型值的屬性時(shí),這個(gè)屬性必須是所有可能類(lèi)型的共有屬性,而length不是共有屬性,val 的類(lèi)型此時(shí)也沒(méi)確定,所以編譯不通過(guò)。為了通過(guò)編譯,此時(shí)就可以使用類(lèi)型斷言了,如下:

function func(val: string | number): number {
  if ((val as string).length) {
    return (val as string).length
  } else {
    return val.toString().length
  }
}

把 val 斷言為了 string類(lèi)型,此時(shí)就可以訪問(wèn) length 屬性了。你可能會(huì)疑惑如果 val 斷言為了string,那么開(kāi)始定義的聯(lián)合類(lèi)型是不是失去了它的意義?答案是否定的。可以理解為在編譯階段強(qiáng)行把 val 當(dāng)作 string類(lèi)型來(lái)訪問(wèn)了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容