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:設(shè)置屬性; //get:獲取屬性; 注釋:Proxy要傳兩個(gè)值,第一個(gè)值是要代理的對(duì)象,第二個(gè)值是要做哪些操作;
Reflect:
var obj = { name:"老胖", age:21, sex:"男" } //Object.defineProperty(obj,"school",{value:"師徒教育"});
定義屬性:
Reflect.defineProperty(obj,"school",{value:"師徒教育"}); console.log(obj); //讓Object操作變?yōu)楹瘮?shù)行為: //delete obj.name; Reflect.deleteProperty(obj,"name"); console.log(obj); console.log(Reflect.has(obj,"age")); //是否有沒有這個(gè)屬性,如果返回true,沒有返回false;
Reflect對(duì)象的方法與Proxy對(duì)象的方法一一對(duì)應(yīng):
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提供的用來操作對(duì)象API(接口,文檔);
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/84128.html
摘要:方法與代理處理程序的方法相同。使用給目標(biāo)函數(shù)傳入指定的參數(shù)。當(dāng)然,不用反射也可以讀取的值。的例子我們可以理解成是攔截了方法,然后傳入?yún)?shù),將返回值賦值給,這樣我們就能在需要讀取這個(gè)返回值的時(shí)候調(diào)用。這種代理模式和的代理有異曲同工之妙。 反射 Reflect 當(dāng)你見到一個(gè)新的API,不明白的時(shí)候,就在瀏覽器打印出來看看它的樣子。 showImg(https://segmentfault....
摘要:方法與代理處理程序的方法相同。使用給目標(biāo)函數(shù)傳入指定的參數(shù)。當(dāng)然,不用反射也可以讀取的值。的例子我們可以理解成是攔截了方法,然后傳入?yún)?shù),將返回值賦值給,這樣我們就能在需要讀取這個(gè)返回值的時(shí)候調(diào)用。這種代理模式和的代理有異曲同工之妙。 反射 Reflect 當(dāng)你見到一個(gè)新的API,不明白的時(shí)候,就在瀏覽器打印出來看看它的樣子。 showImg(https://segmentfault....
摘要:代理器攔截器反射和一樣都是用來操作對(duì)象的代理操作代理器同樣具有方法小花男小花沒有該屬性李小花反射和一樣都是用來操作對(duì)象的小花女師徒教育小花沒有該屬性李小花主要就是在執(zhí)行函數(shù)之前代理一下完事在執(zhí)行 Proxy(代理器/攔截器)Reflect反射 Reflect和Proxy一樣 都是es6用來操作對(duì)象的 API Proxy 代理操作 Proxy代理器 var proxy =...
摘要:通過對(duì)這些底層內(nèi)置對(duì)象的代理陷阱和反射函數(shù),讓開發(fā)者能進(jìn)一步接近引擎的能力。顯然,與要求代理目標(biāo)對(duì)象必須是一個(gè)函數(shù),這兩個(gè)代理陷阱在函數(shù)的執(zhí)行方式上開啟了很多的可能性,結(jié)合使用就可以完全控制任意的代理目標(biāo)函數(shù)的行為。 代理(Proxy)可以攔截并改變 JS 引擎的底層操作,如數(shù)據(jù)讀取、屬性定義、函數(shù)構(gòu)造等一系列操作。ES6 通過對(duì)這些底層內(nèi)置對(duì)象的代理陷阱和反射函數(shù),讓開發(fā)者能進(jìn)一步接...
閱讀 2889·2021-11-17 09:33
閱讀 3662·2021-11-16 11:42
閱讀 3488·2021-10-26 09:50
閱讀 1319·2021-09-22 15:49
閱讀 3046·2021-08-10 09:44
閱讀 3670·2019-08-29 18:36
閱讀 3925·2019-08-29 16:43
閱讀 2208·2019-08-29 14:10