简单理解数据代理 Object.defineProperty(obj, prop, descriptor)

Object.defineProperty(obj, prop, descriptor)

数据代理 : 通过一个对象代理对另一个对象中属性的操作(读写)

• obj 要定义属性的对象。
• prop 要定义或修改的属性的名称或 Symbol 。
• descriptor 要定义或修改的属性描述符。
• eg:

let obj1 = { x: 1 }
let obj2 = { y: 2 }
   Object.defineProperty(obj2, 'x', {
       //obj2.x 被读取时触发
       get() {
           return obj1.x
       },
       //obj2.x 被修改时触发
       set(value) {
           //value 是修改后的新值
           obj1.x = value
       }
   })

• 修改 obj2.x

obj2.x=3
console.log(obj1.x)//3

• 在浏览器中的操作如图所示: