TypeScript---- 類型斷言

類型斷言有兩種形式。 其一是“尖括號”語法：

let someValue: any = "this is a string";

let strLength: number = (<string>someValue).length;

另一個爲as語法：

let someValue: any = "this is a string";

let strLength: number = (someValue as string).length;

那這個“類型斷言”在什麼情況下會用到它呢？有時候，我們需要在還不確定類型的時候就訪問其中一個類型的屬性或方法，比如：

function getLength(something: string | number): number {
    return something.length;
}
//  error TS2339: Property 'length' does not exist on type 'string | number'.
//   Property 'length' does not exist on type 'number'.

這樣因爲number類型沒有length屬性而報錯，此時我們就可以使用類型斷言，將 something 斷言成 string：

function getLength(something: string | number): number {
    return (<string>something).length;
}
或
function getLength(something: string | number): number {
    return (something as string).length;
}

這樣就不會報錯。但是，由於尖括號的用法給JSX的語法帶來了解析的困難，所以當你在TypeScript裏使用JSX時，只有 as語法斷言是被允許的。