Object.defineProperty新增修改对象属性

RAY_CHEN.

已于 2022-10-19 08:28:47 修改

阅读量347

点赞数

文章标签： javascript 前端 vue.js

于 2022-10-19 08:20:36 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44707050/article/details/127400307

版权

本文通过示例详细介绍了JavaScript中使用Object.defineProperty()方法添加、修改对象属性，并探讨了属性的可枚举性、可配置性和可写性。通过设置enumerable、configurable和writable属性，控制对象属性的行为，例如控制属性是否出现在for...in循环中，是否能被删除，以及值是否可更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var obj = {
    name:'张三',
    age:20
}
Object.defineProperty(obj,'num',{
    value:1000,
    enumerable:true
})
console.log(Object.keys(obj))
console.log(obj)

如上代码，为新增num属性，值为1000，因为Object.defineProperty新增属性是不可枚举的所以添加enumerable:true即可枚举

Object.keys可以获取对象的键

var obj = {
    name:'张三',
    age:20
}
Object.defineProperty(obj,'age',{
    value:30,
    
})
console.log(Object.keys(obj))
console.log(obj)

如上代码，为修改obj对象的age属性，

Object.defineProperty(obj,'num',{
    value:1000,
    enumerable:true,
    configurable:true,
    writable:true
})
Object.defineProperty(obj,'id',{
    writable:false
})
obj.id = 2
obj.num = 5000
// delete obj.num
console.log(Object.keys(obj))
console.log(obj)

writable:true 是否可重写

configurable:true 是否可以删除或修改（需设置writable:true配合）