本文摘自
https://ts.xcatliu.com/basics/type-assertion
類型斷言
類型斷言（Type Assertion）可以用來(lái)手動(dòng)指定一個(gè)值的類型。
語(yǔ)法
<類型>值
或
值 as 類型
在 tsx 語(yǔ)法（React 的 jsx 語(yǔ)法的 ts 版）中必須用后一種。
例子：將一個(gè)聯(lián)合類型的變量指定為一個(gè)更加具體的類型
?之前提到過(guò)，當(dāng) TypeScript 不確定一個(gè)聯(lián)合類型的變量到底是哪個(gè)類型的時(shí)候，我們只能訪問(wèn)此聯(lián)合類型的所有類型里共有的屬性或方法：
function getLength(something: string | number): number {
return something.length;
}
?
// index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
而有時(shí)候，我們確實(shí)需要在還不確定類型的時(shí)候就訪問(wèn)其中一個(gè)類型的屬性或方法，比如：
function getLength(something: string | number): number {
if (something.length) {
return something.length;
} else {
return something.toString().length;
}
}
?
// index.ts(2,19): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
// index.ts(3,26): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
上例中，獲取 something.length 的時(shí)候會(huì)報(bào)錯(cuò)。
此時(shí)可以使用類型斷言，將 something 斷言成 string：
function getLength(something: string | number): number {
if ((<string>something).length) {
return (<string>something).length;
} else {
return something.toString().length;
}
}
類型斷言的用法如上，在需要斷言的變量前加上 <Type> 即可。
類型斷言不是類型轉(zhuǎn)換，斷言成一個(gè)聯(lián)合類型中不存在的類型是不允許的：
function toBoolean(something: string | number): boolean {
return <boolean>something;
}
// index.ts(2,10): error TS2352: Type 'string | number' cannot be converted to type 'boolean'.
// Type 'number' is not comparable to type 'boolean'.
