类型断言知识点

语法:

<类型> 值   或者   值 as 类型

类型断言解决的问题:

function doAs(a:string | number):void{
    console.log(a.length);   //报错,类型“number”上不存在属性“length”。
}


//使用类型断言时,要加上括号,如(<string>a).length
function doAs(a:string|number):void{
    console.log((<string>a).length); //没问题
}

function doAs(a:string|number):void{
    console.log((a as string).length); //没问题
}

由于定义函数参数用了混合类型,里面只能访问混合类型的公共属性。当我们必须用到某个类型的独有属性时,就得使用类型断言。即将一个联合类型的变量指定为一个更加具体的类型

注意:

  1. 类型断言不是类型转换,断言成一个联合类型中不存在的类型是不允许的.
  2. jsx语法中,只能使用 as

📦 前端资源合集 | 持续更新

🟢 前端0到1【持续更新】→ https://pan.quark.cn/s/5df55ccff7c4

🔵 前端进阶【持续更新】→ https://pan.quark.cn/s/2dec1c87b3ec

🟣 前端2026最新【持续更新】→ https://pan.quark.cn/s/77c8fa94161c

🔴 AI最新学习资料 → https://pan.baidu.com/s/1P9X2Qk_Fby3rFNVGw_WKow?pwd=46XG 提取码:46XG

觉得有用就点个赞+收藏,关注我持续分享前端干货 💡

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐