Object.defineProperty的用法详解

该方法是es5的方法(千万不要以为是es6的哦),作用是直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。(切记只能用在对象身上不能用在数组身上

1、语法

Object.defineProperty(obj, prop, descriptor)

2、参数说明:

  • obj:必需。目标对象 
  • prop:必需。需定义或修改的属性的名字
  • descriptor:必需。目标属性所拥有的特性

3、属性使用案例

修改某个属性的值时,给这个属性添加一些特性。

let person = {}; 
Object.defineProperty(person, 'name', 
    writable: true || false,
    configurable: true || false,
    enumerable: true || false,
    value:'gjf'
});

属性详解:

  • writable:是否可以被重写,true可以重写,false不能重写,默认为false。
  • enumerable:是否可以被枚举(使用for...in或Object.keys())。设置为true可以被枚举;设置为false,不能被枚举。默认为false。
  • value:值可以使任意类型的值,默认为undefined
  • configurable:是否可以删除目标属性或是否可以再次修改属性的特性(writable, configurable, enumerable)。设置为true可以被删除或可以重新设置特性;设置为false,不能被可以被删除或不可以重新设置特性。默认为false。

4、存取器描述(get和set)

  • 注意:当使用了getter或setter方法,不允许使用writable和value这两个属性
let person = {};
let n = 'gjf';
Object.defineProperty(person, 'name', { 
    configurable: true,
    enumerable: true, 
    get() {
        //当获取值的时候触发的函数
        return n
    },
    set(val) {
        //当设置值的时候触发的函数,设置的新值通过参数val拿到
        n = val;
    }
});
console.log(person.name) //'gjf'
person.name = 'newGjf' 
console.log(person.name) //'newGif'

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值