ES6: Proxy

leanote 發布于2019-08-20 15:09 / 782人閱讀

摘要：用于修改某些操作的默認行為，用來代理有些行為。的行為參數表示所要攔截的目標對象，參數也是一個隊形，用來攔截行為。攔截對象屬性的設置攔截的操作，返回一個布爾值攔截的操作，返回一個布爾值。攔截，返回一個布爾值攔截，返回一個布爾值。

Proxy用于修改某些操作的默認行為，用來代理有些行為。
ES6的行為：target參數表示所要攔截的目標對象，handler參數也是一個隊形，用來攔截行為。

var proxy = new Proxy(target, hander);

Proxy的對象的方法
1.get(target, propKey, receiver)

攔截對象屬性的讀取，最后一個receiver是一個對象，可選。

2.set(target, propKey, value, receiver)

攔截對象屬性的設置

3.has(target, propKey)

攔截propKey in proxy的操作，返回一個布爾值

4.deleteProperty(target, propKey)

攔截delete proxy[propKey]的操作，返回一個布爾值。

5.ownKeys(target)

攔截Object.getOwnPropertyNames(proxy)、Object.getOwnPropertySymbols(proxy)、Object.keys(proxy)返回一個數組

6.getOwnPropertyDescriptor(target, propKey)

攔截Object.getOwnPropertyDescriptor(proxy, propKey)，返回屬性的描述對象。

7.defineProperty(target, propKey, propDesc)

攔截Object.defineProperty(proxy, propKey, propDesc）、Object.defineProperties(proxy, propDescs)，返回一個布爾值

8.preventExtensions(target)

攔截Object.preventExtensions(proxy)，返回一個布爾值。

9.getPrototypeOf(target)

攔截Object.getPrototypeOf(proxy)，返回一個對象。

10.isExtensible(target)

攔截Object.isExtensible(proxy)，返回一個布爾值

11.setPrototypeOf(target, proto)

攔截Object.setPrototypeOf(proxy, proto)，返回一個布爾值

12.apply(target, object, args)

攔截 Proxy 實例作為函數調用的操作，比如proxy(...args)、proxy.call(object, ...args)、proxy.apply(...)。

13.construct(target, args)

攔截 Proxy 實例作為構造函數調用的操作，比如new proxy(...args)。

云服務器 GPU云服務器 ES6 -proxy Proxy es6-系列

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/82033.html

【資源集合】 ES6 元編程（Proxy & Reflect & Symbol）

摘要：理解元編程和是屬于元編程范疇的，能介入的對象底層操作進行的過程中，并加以影響。元編程中的元的概念可以理解為程序本身。中，便是兩個可以用來進行元編程的特性。在之后，標準引入了，從而提供比較完善的元編程能力。導讀幾年前 ES6 剛出來的時候接觸過元編程（Metaprogramming）的概念，不過當時還沒有深究。今天在應用和學習中不斷接觸到這概念，比如 mobx 5 中就用到了 Pr...

aikin 2019-08-23 11:28 評論0 收藏0
ES6學習筆記4-Proxy、Reflect、Decorator、Module

摘要：攔截實例作為構造函數調用的操作，比如。方法等同于，這提供了一種不使用，來調用構造函數的方法。方法對應，返回一個布爾值，表示當前對象是否可擴展。這是的一個提案，目前轉碼器已經支持。別名或修飾器在控制臺顯示一條警告，表示該方法將廢除。 Proxy Proxy 這個詞的原意是代理，用在這里表示由它來代理某些操作，可以譯為代理器，即用自己的定義覆蓋了語言的原始定義。ES6 原生提供 Proxy...

lushan 2019-08-20 17:02 評論0 收藏0
ES6 Proxy/Reflect 淺析

摘要：即必須有返回值其中可接受三個參數，為目標對象，為屬性名，為實際接受的對象，默認為本例中新建的，如果單獨指出一個對象，可使指出對象受到相同的方法作用。且中的必須有返回值，的不用，這也正是因為在他之后還會執行所以不需要。 ES6 Proxy/Reflect Proxy 攔截器 proxy是es6的新特性，簡單來講，即是對目標對象的屬性讀取、設置，亦或函數調用等操作進行攔截（處理）。 let...

Juven 2019-08-20 14:14 評論0 收藏0
ES6中的代理（Proxy）和反射（Reflection）

摘要：代理和反射的定義調用可常見代替其它目標對象的代理，它虛擬化了目標，所以二者看起來功能一致。代理可攔截引擎內部目標的底層對象操作，這些底層操作被攔截后會觸發響應特定操作的陷阱函數。代理和反射的定義調用 new Proxy() 可常見代替其它目標 (target) 對象的代理，它虛擬化了目標，所以二者看起來功能一致。代理可攔截JS引擎內部目標的底層對象操作，這些底層操作被攔截后會觸發...

Markxu 2019-08-23 16:13 評論0 收藏0
ES6 系列之 defineProperty 與 proxy

摘要：存取描述符同時具有以下可選鍵值一個給屬性提供的方法，如果沒有則為。該方法返回值被用作屬性值。值得注意的是屬性描述符必須是數據描述符或者存取描述符兩種形式之一，不能同時是兩者。可以忽略方法的返回值。前言我們或多或少都聽過數據綁定這個詞，數據綁定的關鍵在于監聽數據的變化，可是對于這樣一個對象：var obj = {value: 1}，我們該怎么知道 obj 發生了改變呢？ define...

sean 2019-08-23 12:59 評論0 收藏0