简单理解数据代理 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
  • 在浏览器中的操作如图所示:
posted @ 2022-09-07 22:47  Kangf  阅读(25)  评论(0编辑  收藏  举报