文章插图
【Typescript高级技巧 - 基本类型中的const】
Typescript的编译器挺有趣,如果使用const声明对象,它会大量使用基本类型来声明,看下面的例子:
文章插图
这个最简单的声明,Typescript会推断出age的类型是number,你可以对它赋任何数值 。
文章插图
但如果我们使用const声明这个变量,它的类型会变成什么?
文章插图
可以看到 30 就变成它的类型,而且再也无法更改 。字符串也一样,会有这种限制:
文章插图
userName使用const定义,它的类型就被声明成"George",而且无法更改 。
数组
如果对一个数组使用const定义,情况就有点不一样了,看下面的例子 。它只是定义了cars为字符串数组类型,你还是可以对数组进行各种操作,比如插入一个数组元素之类的 。
文章插图
如果你想限定死数组,那就需要加 as const, 如下:
文章插图
大家可以观察它的类型,push操作也会编译失败 。
对象
对象和数组差不多,如果直接const定义,你还是可以直接修改对象的字段,除非加入as const,这样它会给每个字段加入readonly, 并且使用基本值作为其类型 。
比如:
文章插图
文章插图
推荐阅读
- 无基础唱歌技巧和发声方式教学 学习唱歌的方法
- 明星|这些明星改变了我对“方脸”的偏见,高级显气质,而且越老越耐看
- 华为手机七大实用隐藏技巧
- 分享微信使用技巧,快来涨姿势啦
- 你可能不知道的4个微信技巧,隐藏很深,但很实用
- 跑步减肥的5个妙招 落地技巧
- 穿衣搭配|50+想要穿出高级感,快来和这位姐妹学习,普通单品都能超神
- 推倒胡麻将打法技巧! 推倒胡技巧
- 最新最实用的摆地摊顺口溜与技巧 地摊顺口溜大全
- |职场情商,这几个小技巧,让情商在线