es6的Proxy与Reflect
创始人
2025-05-29 23:15:18
0
  1. Proxy是在对目标对象的读取时,架设一层拦截,可以在读取对象中的任意一个属性时做一些额外的操作

  2. Proxy与Object.defineProperty方式设置setter、getter方法不同的是,Proxy是对目标对象的整体拦截,而Object.defineProperty注重对对象中的单个属性拦截

    const obj = {a: 1,b: 2
    };
    // 向obj中添加属性d,并设置setter、getter拦截
    let _data = '默认值';
    Object.defineProperty(obj, 'd', {set(value) {console.log('来设置d属性值了');_data = value;},get() {console.log('来获取d属性值了');return _data;}
    });
    console.log(obj.a); // 1 (不会触发d属性的拦截器)
    console.log(obj.b); // 2 (不会触发d属性的拦截器)
    console.log(obj.d);
    obj.d = '3';
    

    在这里插入图片描述

    const obj1 = new Proxy(obj, {set(target, key, value) {console.log('来给obj对象的属性设置值了');Reflect.set(target, key, value);return true;},get(target, key) {console.log('来拿obj对象中的属性值了');return Reflect.get(target, key);}
    });
    console.log(obj1.a);
    console.log(obj1.b);
    console.log(obj1.d);
    obj1.a = 'hello';
    obj1.b = 'hi';
    obj1.d = 'world';
    

    在这里插入图片描述

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...