Object.definePropoty()方法详解

Object.definePropoty()方法有三个参数
第一个参数为:需要进行代理的目标对象 , target !!这里一定需要注意,第一个参数非常重要,第一个参数是谁,就会将代理的结果放在这个第一个参数对应的对象上面,他自己也能够代理自己,也可以将他代理到别人身上
第二个参数为:需要代理的这个对象中对应的"键"名 ,key 这里这个key其实就是你代理过来之后新属性要叫的名字
第三个参数为:{}一个配置项,这个配置项里面有一个get函数和一个set函数,当你对这个对象中的这个 value值进行操作的时候
比如,现在要拿到代理的对象中的一个属性,这个set函数就会执行并返回你想拿的那个属性,也就是相当于return target[key]
然后想要更改这个属性,那么他就会调用set函数,然后set函数接收一个参数,这个参数就是你修改之后的值,然后这个修改的值如果和上一次的值不一样,那么就更该这个value的值.

这个东西我进行了解的时候看的是vue2的源码;部分代码如下:

总结以下:
Object.definePropoty(vm,key,{get(){return value},
set(newValue){
if(newValue==value)return
value=newValue
}})
翻译下来就是:从目标对象那里把value拿过来,放在vm身上,放在vm身上然后去个名字叫key.这就叫给目标对象的value进行了代理.