浅解理解 Object.defineProperty()

代码示例:

const obj = {
  firstName: 'liang',
  lastName: 'cheng',
}

Object.defineProperty(obj, 'name', {
  get: function () {
    return this.firstName + this.lastName
  },
  set: setCb
})

function setCb (val) {
  console.log(1)
}

function fn () {
  obj.name = 'lc' // 触发setCb(obj.name) 
  console.log(2)
  console.log(obj.name)
}

function fnn () {
  obj.firstName = 'liang'
  obj.lastName = 'c'
  console.log(3)
  console.log(obj.name)
}

// test
fn()
// 1
// 2
// liangcheng
fnn()
// 3
// liangc
复制代码

结论

  • set 通过外部设置对象 define 的属性的值后,执行的回调函数,并不是修改属性的值,也不推荐在 set 方法中修改
  • get 返回 deine 属性读到值

单项绑定和双向绑定待续。。。

转载于:https://juejin.im/post/5caffbe8f265da03705fa621

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值