Proxy(代理器/攔截器)Reflect反射

Batkid 發(fā)布于2019-08-20 18:10 / 2575人閱讀

摘要：代理器攔截器反射和一樣都是用來(lái)操作對(duì)象的代理操作代理器同樣具有方法小花男小花沒(méi)有該屬性李小花反射和一樣都是用來(lái)操作對(duì)象的小花女師徒教育小花沒(méi)有該屬性李小花主要就是在執(zhí)行函數(shù)之前代理一下完事在執(zhí)行

Proxy(代理器/攔截器)Reflect反射

Reflect和Proxy一樣 都是es6用來(lái)操作對(duì)象的 API

Proxy 代理操作

Proxy代理器
        var proxy = new Proxy({}, {
            get: function(target, property) {
            return 35;
            }
        });

        let obj = Object.create(proxy);
        obj.time // 35
        console.log(obj.time)

Proxy()同樣具有g(shù)et、set方法

let obj={
            name:"小花",
            age:18,
            sex:"男"
        }

        var proxObj=new Proxy(obj,{
            set:function(target,key,value){
                if(value=="小花"){
                    target[key]=value;
                }
            },
            get:function(target,key){
                if(target[key]==undefined){
                    return "沒(méi)有該屬性"
                }else{
                    return target[key];
                }
            }  
        })
        proxObj.name="李小花";
        console.log(proxObj.name)

Reflect(反射)

//Reflect和Proxy一樣 都是es6用來(lái)操作對(duì)象的 API
        let obj={
            name:"小花",
            age:18,
            sex:"女"
        }

        //Reflect.defineProperty(obj,"school",{value:"師徒教育"});
        Reflect.deleteProperty(obj,"age");
        console.log(Reflect.has(obj,"sex"));
        console.log(obj);
        var proxObj=new Proxy(obj,{
            set:function(target,key,value){
                if(value=="小花"){
                    Reflect.set(target,key,value);
                }
            },
            get:function(target,key){
                if(target[key]==undefined){
                    return "沒(méi)有該屬性"
                }else{
                    return  Reflect.get(target,key);
                }
            }  
        })
        proxObj.name="李小花";
        console.log(proxObj.name)

主要就是在執(zhí)行函數(shù)之前Reflect代理一下完事在執(zhí)行！