es6的Proxy(代理)

Proxy可以監(jiān)聽對象身上發(fā)生了什么事情，并在這些事情發(fā)生后執(zhí)行一些相應(yīng)的操作。一下子讓我們對一個對象有了很強(qiáng)的追蹤能力，同時在數(shù)據(jù)綁定方面也很有用處

//代理: var duixaing = {"name":"姜姜","age":23,"sex":"女" } duixaing.name="筱妍"; console.log(duixaing.name);//打印：筱妍。 console.log(duixaing);//打印：Object {name: "姜姜", age: 23, sex: "女"}。var obj = {"name":"妍妍","age":23,"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: 23, sex: "女"}。 console.log(porxObj.xh);//打印：我沒有該屬性。 console.log(porxObj.name);//打印：大妍妍。 //注釋:Proxy要傳兩個值,第一個值是要代理的對象,第二個值是要做哪些操作;

Proxy對象方法列表:
方法 描述

handler.apply() 攔截Proxy實例作為函數(shù)調(diào)用的操作。

handler.construct() 攔截Proxy實例作為構(gòu)造函數(shù)調(diào)用的操作。

handler.defineProperty() 攔截Object.defineProperty操作。

handler.deleteProperty() 攔截delete刪除屬性操作。

handler.enumerate() 此方法將被廢棄，不建議使用。

handler.get() 攔截屬性的讀取操作。

handler.getOwnPropertyDescriptor()攔截Object.getOwnPropertyDescriptor()操作。

handler.getPrototypeOf() 攔截獲取原型對象操作。

handler.has() 攔截屬性檢索操作。

handler.isExtensible() 攔截Object.isExtensible()操作。

handler.ownKeys() 攔截Object.getOwnPropertyNames()操作。

handler.preventExtensions() 攔截Object.preventExtensions()操作。

handler.set() 攔截屬性賦值操作。

handler.setPrototypeOf() 攔截Object.setPrototypeOf()操作。
Proxy.revocable() 創(chuàng)建一個可取消的Proxy實例。

總結(jié)

以上是生活随笔為你收集整理的es6的Proxy(代理)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。