02-类型断言

类型断言

  在一个变量声明有多种类型,但又要调用其中一种类型的内置方法时会出现以下错误
在这里插入图片描述
  鼠标移入错误区域会提示下面错误:
错误提示
  根据错误提示发现是number类型的变量是没有length属性所以就无发获取length属性,编辑器就会抛错。解决这种抛错的方法便是断言语句。

  断言语句便是告诉编辑器这个时候这个变量就是这个类型的。那么代码变要这么修改:

  • 断言写法一(使用as断言)
const getLength = (target : string | number) : number => {
    if ((target as string).length || (target as string).length === 0) {
        return (target as string).length
    } else {
        return target.toString().length
    }
}
  • 断言写法二(使用尖括号断言)
const getLength = (target : string | number) : number => {
    if ((<string>target).length || (<string>target).length === 0) {
        return (<string>target).length
    } else {
        return target.toString().length
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值