TypeScript学习笔记（6）——类型断言_类型断言 jsx-优快云博客

本文链接：https://blog.youkuaiyun.com/huzhenv5/article/details/103417601

本文深入探讨了TypeScript中的类型断言概念，解释了如何在不确定类型的情况下手动指定值的类型，避免编译错误。文章详细介绍了类型断言的两种语法，并通过实例展示了其在实际编程中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TypeScript类型断言

在TypeScript种，当我们使用联合类型，且不确定该联合类型的具体类型的时候，我们只能使用联合类型所共有的属性或方法，比如：

let num:number|string = '10'
let count = num.toString().length

但是有的的时候，我们需要在不确定具体类型的时候来访问该联合类型，但是又会报错，这时候就可以用上类型断言：

let num:number|string = '10'
num = 20
// console.log(num.length) //报错，这种情况可以使用类型断言

类型断言可以用来手动指定一个值的类型

类型断言的两种语法：
1，语法<类型>值
2，值 as 类型

注意：
1，在tsx语法（React的jsx语法的ts版）必须采用后面一种，因为在jsx种，尖括号会用来包裹标签，与第一种语法有冲突
2，类型断言不是类型转换，断言成一个联合类型中不存在的类型是不允许的

// 类型断言，只能断言联合类型种存在的类型
function getAssert(name:string|number){
    // return (name as boolean).length //报错，类型断言只能断言成联合类型中存在的类型
    // return (<string>name).length //第一种语法，tsx中不能使用此种语法
    return (name as string).length //第二种语法
}
console.log(getAssert('huzhen'))// 6
console.log(getAssert(12345))// undefined