Es6的Object.defineProperty方法

Object.defineProperty()方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象

  • value:设置属性的值
  • writable:值是否可以重写。 true|false
  • enumerable: 目标属性是否考可以被枚举。 true | false
  • configurable: 目标属性是否可以被删除或是可以在此修改特性 true|false
  • set:目标属性设置值的方法
  • get:目标属性获取值的方法
     // 假设我们有个对象user;我们要给她增加一个属性name,我们会这么做
     var user = {};
     user.name = '青阳子';
     console.log(user); // {name:"青阳子"}

     // 想要增加一个sayHi方法呢
     user.sayHi = function () {
       console.log('hi')
      }
     console.log(user) // {name:'青阳子',sayHi:fn}

Object.defineProperty()就是做这个的
Object.defineProperty()需要三个参数(object,propName,descriptor)

1.Object 对象 =>给谁加
2.propName 属性名 => 要加的属性的名字 (类型:string)
3.descriptor 属性描述 => 加的这个属性有什么样的特性 (类型:Object)**

那么descriptor这个是个对象,他有那些属性呢? 别着急我们一个一个说:

既然可以给一个对象增加属性,那么我们可以用它来做一下给user添加name属性,代码是这样的

        var user = {};
        Object.defineProperty(user, 'name', {
             value: '青阳子'
         })
        console.log(user)

        // 还是那个经典的value属性,他就是设置属性值的
        // 等等,属性值只能为字符串吗? 我们的number function Object boolean等呢

        var user = {};
        Object.defineProperty(user, 'name', {
             value: '青阳子'
         })

        Object.defineProperty(user, 'isSlow', {
             value: true
         })

        Object.defineProperty(user, 'sayHi', {
             value: function () { console.log(sayHi) }
         })

        Object.defineProperty(user, 'age', {
             value: 17
 
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值