TypeScript 类型断言


作者:Seiya

时间:2019年07月31日


前言


类型断言(Type Assertion)可以用来手动指定一个值的类型。



语法


<类型>值,或 值 as 类型

在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种。



将一个联合类型的变量指定为一个更加具体的类型


当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有类型里共有的属性或方法。而有时候,我们确实需要在还不确定类型的时候就访问其中一个类型的属性或方法,比如:

function getLength(something: string | number): number {
	if (something.length) {			// error
		return something.length;	// error
	} else {
		return something.toString().length;
	}
}

此时可以使用类型断言,将 something 断言成 string:

function getLength(something: string | number): number {
	if ((<string>something).length) {
		return (<string>something).length;
	} else {
		return something.toString().length;
	}
}

注意:

类型断言不是类型转换,断言成一个联合类型中不存在的类型是不允许的!

最后更新时间: 2019-8-1 10:04:41