我們用new的方法對Proxy進行聲明。可以看一下聲明Proxy的基本形式。

new Proxy（{},{}）;

需要注意的是這里是兩個花括號，第一個花括號就相當于我們方法的主體，后邊的花括號就是Proxy代理處理區域，相當于我們寫鉤子函數的地方。

var pro = new Proxy({add: function (val) {return val + 10;},name: 'I am mayouchen' }, {get:function(target,key,property){console.log('come in Get');return target[key];}}); console.log(pro.name); console.log(pro.add(10));

可以在控制臺看到結果，先輸出了come in Get, 然后在輸出 20，相當于在方法調用前執行了鉤子函數。

get屬性

get屬性是在你得到某對象屬性值時預處理的方法，他接受三個參數

• target：得到的目標值
• key：目標的key值，相當于對象的屬性
• property：這個不太常用。

set屬性

set屬性是值你要改變Proxy屬性值時，進行的預先處理。它接收四個參數。

• target:目標值。
• key：目標的Key值。
• value：要改變的值。
• receiver：改變前的原始值。

apply的使用

apply的作用是調用內部的方法，它使用在方法體是一個匿名函數時。看下邊的代碼。

target = function () {return 'I am mayouchen'; }; var handler = {apply(target, ctx, args) {console.log('do apply');return Reflect.apply(...arguments);} } var pro = new Proxy(target, handler); console.log(pro());

總結

以上是生活随笔為你收集整理的ES6 Proxy的简单使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。