Proxy(代理，拦截器)，Reflect(反射)

张红新发布于2019-08-20 18:09 / 2313人阅读

Proxy(代理，拦截器)，Reflect(反射)

Proxy：

代理:

var duixaing = {
        "name":"小胖",
        "age":25,
        "sex":"男"
    }
    duixaing.name="老胖";
    console.log(duixaing.name);//打印：老胖。
    console.log(duixaing);//打印：Object {name: "老胖", age: 25, sex: "男"}。
            
    var obj = {
        "name":"小胖",
        "age":25,
        "sex":"男"
    }

拦截:

var porxObj = new Proxy(obj,{
        set:function(traget,key,value){
            if(value == "老胖"){
                traget[key]=value;
            }
        },
        get:function(traget,key){
            if(traget[key]==undefined){
                return "我没有该属性";
            }else{
                return traget[key];
            }
        }
    });
    porxObj.name="老胖";
    console.log(obj);//打印：Object {name: "老胖", age: 25, sex: "男"}。
    console.log(porxObj.xh);//打印：我没有该属性。
    console.log(porxObj.name);//打印：老胖。
    //set：设置属性；
    //get：获取属性；
注释:Proxy要传两个值,第一个值是要代理的对象,第二个值是要做哪些操作;

Reflect：

var obj = {
        name:"老胖",
        age:21,
        sex:"男"
    }
            
    //Object.defineProperty(obj,"school",{value:"师徒教育"});

定义属性：

Reflect.defineProperty(obj,"school",{value:"师徒教育"});
    console.log(obj);
    //让Object操作变为函数行为：
    //delete obj.name;
    Reflect.deleteProperty(obj,"name");
    console.log(obj);
    console.log(Reflect.has(obj,"age"));
    //是否有没有这个属性，如果返回true，没有返回false；

Reflect对象的方法与Proxy对象的方法一一对应：

var porxObj = new Proxy(obj,{
    set:function(traget,key,value){
        if(value == "老胖"){
            Reflect.set(traget,key,value);
        }
    },
    get:function(traget,key){
        if(traget[key]==undefined){
            return "我没有该属性";
        }else{
            return Reflect.get(traget,key);
        }
    }
});
注释:Reflect一样都是es6提供的用来操作对象API(接口,文档);

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84128.html

《深入理解ES6》笔记——代理（Proxy）和反射（Reflection）API（12）

摘要：方法与代理处理程序的方法相同。使用给目标函数传入指定的参数。当然，不用反射也可以读取的值。的例子我们可以理解成是拦截了方法，然后传入参数，将返回值赋值给，这样我们就能在需要读取这个返回值的时候调用。这种代理模式和的代理有异曲同工之妙。反射 Reflect 当你见到一个新的API，不明白的时候，就在浏览器打印出来看看它的样子。 showImg(https://segmentfault....

ZHAO_ 2019-08-21 16:06 评论0 收藏0
《深入理解ES6》笔记——代理（Proxy）和反射（Reflection）API（12）

摘要：方法与代理处理程序的方法相同。使用给目标函数传入指定的参数。当然，不用反射也可以读取的值。的例子我们可以理解成是拦截了方法，然后传入参数，将返回值赋值给，这样我们就能在需要读取这个返回值的时候调用。这种代理模式和的代理有异曲同工之妙。反射 Reflect 当你见到一个新的API，不明白的时候，就在浏览器打印出来看看它的样子。 showImg(https://segmentfault....

shiina 2019-08-29 13:05 评论0 收藏0
Proxy(代理器/拦截器)Reflect反射

摘要：代理器拦截器反射和一样都是用来操作对象的代理操作代理器同样具有方法小花男小花没有该属性李小花反射和一样都是用来操作对象的小花女师徒教育小花没有该属性李小花主要就是在执行函数之前代理一下完事在执行 Proxy(代理器/拦截器)Reflect反射 Reflect和Proxy一样都是es6用来操作对象的 API Proxy 代理操作 Proxy代理器 var proxy =...

Batkid 2019-08-20 18:10 评论0 收藏0
【ES6】改变 JS 内置行为的代理与反射

摘要：通过对这些底层内置对象的代理陷阱和反射函数，让开发者能进一步接近引擎的能力。显然，与要求代理目标对象必须是一个函数，这两个代理陷阱在函数的执行方式上开启了很多的可能性，结合使用就可以完全控制任意的代理目标函数的行为。代理（Proxy）可以拦截并改变 JS 引擎的底层操作，如数据读取、属性定义、函数构造等一系列操作。ES6 通过对这些底层内置对象的代理陷阱和反射函数，让开发者能进一步接...

lushan 2019-08-23 15:07 评论0 收藏0