TypeScript 类型转换

在使用类型时,有时需要重写变量的类型,例如库提供了错误的类型。

强制转换是重写类型的过程。

使用 as 类型转换

转换变量的一种直接方法是使用 as 关键字,它将直接更改给定变量的类型。

// 当不确定变量的数据类型时,我们会使用 unknown 类型。
let x: unknown = 'hello'

(x as string).length // 5

强制转换实际上并不会更改变量中的数据类型,例如,以下代码的工作方式与预期不符,因为变量 x 是一个数字。

let x: unknown = 4

(x as string).length // 打印 undefined,因为数字没有长度

TypeScript 仍会尝试检查类型转换,以防止看起来不正确的类型转换。例如,以下内容将引发类型错误,因为 TypeScript 知道,如果不转换数据,将字符串转换为数字是没有意义的:

(4 as string).length // Error

如果你使用 VS Code 编辑器,它也会提醒我们:

类型 "number" 到类型 "string" 的转换可能是错误的,因为两种类型不能充分重叠。如果这是有意的,请先将表达式转换为 "unknown"。ts(2352)

使用 <> 类型转换

使用 <> 与使用 as 进行转换的效果相同。

let x: unknown = 'hello'

(<string>x).length

这种类型的转换不适用于 TSX,例如在处理 React 文件时。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值