TypeScript 類型基礎(chǔ)——類型轉(zhuǎn)換
2023-07-21 13:46 作者:沒(méi)用軟件開(kāi)發(fā)日記 | 我要投稿

????在開(kāi)發(fā)過(guò)程中難免會(huì)出現(xiàn)目標(biāo)類型和自身類型不符,但是業(yè)務(wù)中使用自身類型就可以滿足數(shù)據(jù)的需求的情況,比如我們?cè)谶m配UI框架時(shí),我們的數(shù)據(jù)類型需要經(jīng)過(guò)一次類型轉(zhuǎn)換才能和UI框架的類型相匹配。
????這是一個(gè)最簡(jiǎn)單的類型轉(zhuǎn)換的例子,getName函數(shù)接收類型為B的參數(shù),所以在這個(gè)位置我們使用“as”關(guān)鍵字將user的類型從A轉(zhuǎn)換為B。
????需要注意的是接口A和接口B的類型描述一定是互相兼容的(接口A是接口B的子集:兩個(gè)接口存在相同非可選字段),否則就會(huì)出現(xiàn)如下?tīng)顩r:
????這里也可以先轉(zhuǎn)換為any在轉(zhuǎn)換為B,意義是先轉(zhuǎn)換為一個(gè)萬(wàn)能類型再進(jìn)行真實(shí)的轉(zhuǎn)換。
在除了tsx文件以外,類型轉(zhuǎn)換有一種簡(jiǎn)寫形式:
????在字段前將要轉(zhuǎn)換的目標(biāo)類型用“<>”包裹。