ts中?跟readonly的区别

最新推荐文章于 2024-08-23 11:12:00 发布

Billow_lamb

最新推荐文章于 2024-08-23 11:12:00 发布

阅读量865

点赞数

文章标签： TypeScript 可读写 readonly 接口属性修饰符

本文链接：https://blog.csdn.net/Billow_lamb/article/details/115702261

版权

ts中?跟readonly的区别
区别

? 是代表可读可写的(可有可无)
readonly代表只能读取不能修改

代码

(()=>{
  interface newPerson{
    id?:number | string,
	readonly name:string | number
  }
  let newChildren:newPerson = {
    id:1,
	name:"张三"
  }
  console.log(newChildren); // {id: 1, name: "张三"}
})()

修改后代码

interface newPerson{
  id?:number | string,
  readonly name:string | number
 }
 let newChildren:newPerson = {
   id:1,
   name:"张三"
 }
 newChildren.id = 2
 newChildren.name = "" // 会报错
 console.log(newChildren); // {id: 2, name: "张三"}