TypeScript类型断言

HueiFeng

发布于 2020-04-10 16:45:39

7090

发布于 2020-04-10 16:45:39

什么是类型断言

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

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 条评论

热度