TypeScript类型断言

原创

HueiFeng

修改于 2020-04-09 10:10:11

6370

修改于 2020-04-09 10:10:11

文章被收录于专栏：HueiFeng技术专栏

什么是类型断言

类型断言是可以手动指定一个值得类型

let num3:number|string="10"
num3=20
console.log(num3.length)

通过如上代码,当我们获取length的时候会报错因为我们赋值为20所以不存在属性length，那么我们就可以采用类型断言去做处理

<类型>值

function getAssert(name:string|number)
{
    return (<string>name).length;
}

值as类型

function getAssert(name:string|number)
{
    return (name as string).length;
}

因为只有在我们为string类型的时候才有length属性,所以这一块我们要采用类型断言的方式进行处理.

在React的jsx语法的ts版我们必须采用as这一种,因为<>容易在React中冲突.

通过如下代码我们可以发现会出现异常正如下方图片所示，因为他并非是强制类型转换,他只能断言联合类型中存在的类型.不存在的类型是不允许的.

function getAssert(name:string|number)
{
    return (name as boolean).length;
}

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度