TypeScript10:readonly修饰符

一、readonly修饰符 

只读修饰符:修饰的目标是只读的,不在编译结果中。

1.接口或者类型别名中使用 readonly 修饰符

 2.数组中使用 readonly 修饰符

这里 readonly 修饰的是 数组类型 ,涉及到改变数组的函数都不能再使用,索引也是只读的,因此利用改变数组索引的方式来修改数组也不可行。

通过重新赋值的方式, arr1 数组中的值依旧可以改变。

下面是在接口 Users 中为数组 arr 添加只读修饰符,此时接口中的属性 arr 是只读的,不可通过直接赋值更改,但是可以改变数组里的内容。 

interface Users { 
  readonly ids: string,
  name: string,
  age: number,
  readonly arr: string[]
}
let users: Users = {
  ids: '1',
  name: 'kevin',
  age: 18,
  arr: ["a","b","c"]
}
users.arr.push('d')
console.log(users); // { ids: '1', name: 'kevin', age: 18, arr: [ 'a', 'b', 'c', 'd' ] }

如果既希望对象中的数组属性本身不能被重新赋值,也希望数组不能被更改可以这样来书写: 

interface Users { 
  readonly ids: string,
  name: string,
  age: number,
  readonly arr: readonly string[]
}
  • 12
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猛扇赵四那半好嘴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值