对象的属性特征的修改和获取Object.defineProperty()与Object.getOwnPropertyDescriptor()

1、Object.defineProperty(obj,prop,descriptor) 该方法用来配置对象单个属性的属性特征

obj:目标对象

prop:要修改的属性

descriptor:修改当前属性的特征

  <script>
        var obj = {
                name: '张三',
                age: 50,
                gender: '男'
            }
        Object.defineProperty(obj, 'gender', {
            // configurable:是否可被删除
            // enumerable:是否可被枚举(遍历)
            // writable:是否可被修改
            // value:当前值
            configurable: false,
            enumerable: false,
            writable: false,
            value:'男'
        })
        obj.gender = '女';//修改
        console.log(obj);
        delete obj.gender;//删除
        console.log(Object.keys(obj));//将可枚举的属性的属性名添加到一个数组中并返回
    </script>

如上述打印结果所示

当把属性gender的属性特征 writable修改为false后,即使将‘女’赋值给gender仍然没有修改

当把属性gender的属性特征  configurable修改为false后,即使用delete删除gender,也没有生效。

当把属性gender的属性特征 enumerable修改为false后,枚举的数组中便没有了gender

2、修改或添加对象多个属性的属性特征    Object.defineProperties(obj, {

属性名:{修改属性特征},

属性名:{}

}

    <script>
        var obj = {
                name: '张三',
                age: 21,
                gender: '男'
            }
            // 用来配置对象 属性的特征信息
        Object.defineProperties(obj, {
            birthday: {
                // configurable 是否可被删除
                // enumerable  是否可被枚举
                // writable  是否可被修改
                // value  当前值
                configurable: false,
                enumerable: false,
                writable: false,
                value: 2002
            },
            // 职业
            occupation: {
                configurable: true,
                enumerable: true,
                writable: true,
                value: '法师'
            }
        })
       
    </script>

3、获取对象的属性特征

         3.1返回目标对象内部的某一个属性的特征,返回值是一个对象

                Object.getOwnPropertyDescriptor(目标对象名, '属性名');

        3.2返回当前对象内部所有的属性的特征,返回值是一个对象

                Object.getOwnPropertyDescriptors(对象名);

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值