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