首页 > 其他 > 详细

Proxy + Reflect 实现 响应的数据变化

时间:2019-08-15 21:59:09      阅读:125      评论:0      收藏:0      [点我收藏+]

Proxy 对象用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)

let p = new Proxy(target, handler);

  • get(target, propKey, receiver):拦截对象属性的读取,比如proxy.fooproxy[‘foo‘]
  • set(target, propKey, value, receiver):拦截对象属性的设置,比如proxy.foo = vproxy[‘foo‘] = v,返回一个布尔值。

 

let handler  = {
      get(target,key) {
           //如果得到的值是一个对象我们还得再调一次
           if(typeof target[key]==object) {
            return  new  Proxy(target[key],handler)
         }
           return Reflect.get(target,key);
      },
      set(target,key,value) {
           if(key===length) {
                return  true;
           }
           update();
           return  Reflect.set(target,key,value);
      }
};
let obj = {
     a:{a:1},
     b:2,
     d:[1,2,3,4]
};
function  update() {
     console.log(更新视图)
};
let  p = new  Proxy(obj,handler);
obj.c=3;
console.log(obj)
Reflect.get(target,key);   相当于    target{key] 
 Reflect.set(target,key,value);   相当于  target[key}= value;



输出:
{ a: { a: 1 }, b: 2, d: [ 1, 2, 3, 4 ], c: 3 }





 

Proxy + Reflect 实现 响应的数据变化

原文:https://www.cnblogs.com/guangzhou11/p/11360800.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!