typeScript-基礎知識-4-8類型斷言

類型斷言:

類型斷言（Type Assertion）能夠用來手動指定一個值的類型。

語法

 

<類型>值

或

值 as 類型

在 tsx 語法（React 的 jsx 語法的 ts 版）中必須用後一種。

例子：將一個聯合類型的變量指定爲一個更加具體的類型

以前提到過，當 TypeScript 不肯定一個聯合類型的變量究竟是哪一個類型的時候，咱們只能訪問此聯合類型的全部類型裏共有的屬性或方法：

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'.

而有時候，咱們確實須要在還不肯定類型的時候就訪問其中一個類型的屬性或方法，好比：

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 的時候會報錯。

此時能夠使用類型斷言，將 something 斷言成 string：

function getLength(something: string | number): number {

if ((<string>something).length) {

return (<string>something).length;

} else {

return something.toString().length;

}

}

類型斷言的用法如上，在須要斷言的變量前加上 <Type> 便可。

類型斷言不是類型轉換，斷言成一個聯合類型中不存在的類型是不容許的：

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'.