Object.definedProperty

本文详细解析了Vue.js中Object.defineProperty的作用,如何实现数据绑定,包括依赖收集、派发更新的过程,以及Observer、Dep和Watcher类的工作原理,阐述了Vue数据驱动视图的关键机制。
摘要由CSDN通过智能技术生成

Object.defineProperty方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。

Object.defineProperty(
obj, // 定义属性的对象
prop, // 要定义或修改的属性的名称
descriptor, // 将被定义或修改属性的描述符【核心】

descriptor的值具体是:

{
    value, // 属性的值
    enumerable:true, // 控制属性是否可以枚举,默认值是false
    writable:true, // 控制属性是否可以被修改,默认值是false
    configurable:true, // 控制属性是否可以被删除,默认值是false
    
// 当读取属性时,get函数(getter)就会被调用,且返回值就是设置的值
get(){
    console.log('有人读取了属性')
    return number
}

// 当修改该属性时,set函数(setter)就会被调用,且会收到修改的具体值
set(value){
    console.log('有人修改了age属性,值是:'+value)
    number=value
}

}
  • observe的功能就是用来监测数据的变化。实现方式是给非VNode的对象类型数据添加一个Observer,如果已经添加过则直接返回,否则在满足一定条件下去实例化一个Observer对象实例。

Observer是一个类,它的作用是给对象属性添加getter和setter,用于 依赖收集 和 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值