<TypeScript系列>:常量断言 as const

as const  的详细解释我就不写了,点进去参考文献即可。

参考:TypeScript 夜点心:常量断言 - 知乎

总结 | 作用 :  xxxxxxx(等评论大神总结)   ;

as const  常用于react的自定义hook函数里面,用于函数 return [ state , setState ] as const  , 把 数组类型 变为 元组类型 。 

--------------------------------------------------------

tip: 为什么需要as const呢上面? 因为,如果直接return出去我们会发现上面 Hook 的返回值的类型被推导成了如下的数组类型:

(S | ((nextState: S) => S))[]

 ------------------下面记录一些常见的TS知识---------------------------------------

元组(tuple)和数组的区别         

元组: 限定数据类型的数组,数组个数,每一个数据类型都必须一一对应

例子 :  let user: [string, number] = ['viking', 20]

数组:

例子:

  1. let arr: (number | string)[] = [1, '2', 3]

  2. let arrOfNumbers: number[] = [1, 2, 3]

联合类型 (Unio Types) 表示 值可以是多种类型中的一种

(类型声明做法) let val :string | number | null

---------------------------------------

类型声明 和 类型断言

  • 声明的做法 
const useRenderlessState = <S>(initialState: S): [S, (nextValue: S) => S] => {/*...*/}
  • 断言的做法
const useRenderlessState = <S>(initialState: S) => {
  // ...
  return [state, setState] as [typeof value, typeof setValue];
}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值