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语法断言是被允许的。