javascript代理模式

Cympros 發布于2019-08-26 10:32 / 3591人閱讀

摘要：著名的代理模式例子為引用計數英語指針對象。是一個構造函數，是被代理的對象，是聲明了各類代理操作的對象，最終返回一個代理對象。在給一個目標對象為構造函數的代理對象構造實例時觸發該操作，比如在執行時。

所謂的代理者是指一個類別可以作為其它東西的接口。代理者可以作任何東西的接口：網絡連接、內存中的大對象、文件或其它昂貴或無法復制的資源。

著名的代理模式例子為引用計數（英語：reference counting）指針對象。

當一個復雜對象的多份副本須存在時，代理模式可以結合享元模式以減少內存用量。典型作法是創建一個復雜對象及多個代理者，每個代理者會引用到原本的復雜對象。而作用在代理者的運算會轉送到原本對象。一旦所有的代理者都不存在時，復雜對象會被移除。

什么是Proxy對象
==========
**Proxy對象就是可以讓你去對JavaScript中的一切合法對象的基本操作進行自定義.然后用你自定義的操作去覆蓋其對象的基本操作.也就是當一個對象去執行一個基本操作時,其執行的過程和結果是你自定義的,而不是對象的**

首先Proxy的語法是:

    let p = new Proxy(target, handler);


 1. target是你要代理的對象.它可以是JavaScript中的任何合法對象.如: (數組, 對象, 函數等等)
 2. handler是你要自定義操作方法的一個集合.
 3. p是一個被代理后的新對象,它擁有target的一切屬性和方法.只不過其行為和結果是在handler中自定義的.

在支持 Proxy 的瀏覽器環境中，Proxy 是一個全局對象，
可以直接使用。Proxy(target, handler) 是一個構造函數，target 是被代理的對象，
handlder 是聲明了各類代理操作的對象，最終返回一個代理對象。
外界每次通過代理對象訪問 target 對象的屬性時，就會經過 handler 對象，
從這個流程來看，代理對象很類似 middleware（中間件）。
那么 Proxy 可以攔截什么操作呢？
最常見的就是 get（讀取）、set（修改）對象屬性等操作，
此外，Proxy 對象還提供了一個 revoke 方法，可以隨時注銷所有的代理操作。

**Proxy對象的作用.即是之前所受的用于定義基本操作的自定義行為.
同樣的get和set操作.沒有沒代理的對象所得的結果是其JavaScript本身的執行機制運行計算后所得到的.
而被代理了的對象的結果則是我們自定義的.**


Proxy所能代理的范圍--handler


**在上面代碼中,我們看到了構造一個代理對象時所傳的第二個參數handler,
這個handler對象是由get和set兩個函數方法組成的.
這兩個方法會在一個對象被get和set時被調用執行,
以代替原生對象上的操作.那么為什么在handler,
定義get和set這兩個函數名之后就代理對象上的get和set操作了呢?
實際上handler本身就是ES6所新設計的一個對象.它的作用就是用來自定義代理對象的各種可代理操作。
它本身一共有13中方法,每種方法都可以代理一種操作.其13種方法如下:

handler.getPrototypeOf()

// 在讀取代理對象的原型時觸發該操作，比如在執行 Object.getPrototypeOf(proxy) 時。

handler.setPrototypeOf()

// 在設置代理對象的原型時觸發該操作，比如在執行 Object.setPrototypeOf(proxy, null) 時。
handler.isExtensible()

// 在判斷一個代理對象是否是可擴展時觸發該操作，比如在執行 Object.isExtensible(proxy) 時。

handler.preventExtensions()

// 在讓一個代理對象不可擴展時觸發該操作，比如在執行 Object.preventExtensions(proxy) 時。

handler.getOwnPropertyDescriptor()

// 在獲取代理對象某個屬性的屬性描述時觸發該操作，
//比如在執行 Object.getOwnPropertyDescriptor(proxy, "foo") 時。

handler.defineProperty()
// 在定義代理對象某個屬性時的屬性描述時觸發該操作，
//比如在執行 Object.defineProperty(proxy, "foo", {}) 時。

handler.has()

// 在判斷代理對象是否擁有某個屬性時觸發該操作，比如在執行 "foo" in proxy 時。

handler.get()

// 在讀取代理對象的某個屬性時觸發該操作，比如在執行 proxy.foo 時。

handler.set()
// 在給代理對象的某個屬性賦值時觸發該操作，比如在執行 proxy.foo = 1 時。

handler.deleteProperty()

// 在刪除代理對象的某個屬性時觸發該操作，比如在執行 delete proxy.foo 時。

handler.ownKeys()

// 在獲取代理對象的所有屬性鍵時觸發該操作，比如在執行 Object.getOwnPropertyNames(proxy) 時。
handler.apply()

// 在調用一個目標對象為函數的代理對象時觸發該操作，比如在執行 proxy() 時。

handler.construct()

// 在給一個目標對象為構造函數的代理對象構造實例時觸發該操作，比如在執行new proxy() 時。



**

Proxy的作用

對于代理模式Proxy的作用主要體現在三個方面:

1、 攔截和監視外部對對象的訪問

2、 降低函數或類的復雜度

3、 在復雜操作前對操作進行校驗或對所需資源進行管理

云服務器 GPU云服務器代理模式靜態代理模式 Java設計模式之（五）——代理模式 java代理模式用處

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

轉載請注明本文地址：http://m.hztianpu.com/yun/106334.html

100行代碼讓您學會JavaScript原生的Proxy設計模式

摘要：面向對象設計里的設計模式之代理模式，相信很多朋友已經很熟悉了。代表當前執行方法的實例，即方法調用者。代表具體的方法名稱。現在我們再次調用，傳入構造器返回的代理對象打印輸出，代理邏輯生效了和的一樣優雅地實現了代理設計模式。 showImg(https://segmentfault.com/img/remote/1460000016760603);面向對象設計里的設計模式之Proxy（代理...

txgcwm 2019-08-23 12:28 評論0 收藏0
細談JavaScript中的一些設計模式

摘要：注意事項聲明函數時候處理業務邏輯區分和單例的區別，配合單例實現初始化構造函數大寫字母開頭推薦注意的成本。簡單工廠模式使用一個類通常為單體來生成實例。 @(書籍閱讀)[JavaScript, 設計模式] 常見設計模式一直對設計模式不太懂，花了一下午加一晚上的時間，好好的看了看各種設計模式，并總結了一下。設計模式簡介設計模式概念解讀設計模式的發展與在JavaScript中的應用 ...

30e8336b8229 2019-08-19 17:47 評論0 收藏0
JS代理模式《JavaScript設計模式與開發實踐》閱讀筆記

摘要：保護代理和虛擬代理保護代理當有許多需求要向某對象發出一些請求時，可以設置保護代理，通過一些條件判斷對請求進行過濾。虛擬代理在程序中可以能有一些代價昂貴的操作。而虛擬代理是最常用的一種代理模式。代理模式代理模式是為一個對象提供一個代用品或占位符，以便控制對它的訪問。保護代理和虛擬代理保護代理：當有許多需求要向某對象發出一些請求時，可以設置保護代理，通過一些條件判斷對請求進行過濾。...

mist14 2019-08-22 17:57 評論0 收藏0
《JavaScript 模式》知識點小抄本（下）

摘要：缺點不符合開閉原則，如果要改東西很麻煩，繼承重寫都不合適。預防低水平人員帶來的風險。開閉原則，高拓展性。這里的訂閱者稱為觀察者，而被觀察者稱為發布者，當一個事件發生，發布者會發布通知所有訂閱者，并常常以事件對象形式傳遞消息。介紹最近開始給自己每周訂個學習任務，學習結果反饋為一篇文章的輸出，做好學習記錄。這一周(02.25-03.03)我定的目標是《JavaScript 模式》...

xiguadada 2019-08-23 15:37 評論0 收藏0
JavaScript 設計模式（三）：代理模式

摘要：虛擬代理延遲執行虛擬代理的目的，是將開銷大的運算延遲到需要時再執行。 showImg(https://segmentfault.com/img/bVbuitm?w=800&h=600); 代理模式：為一個對象提供一個代用品或占位符，以便控制它的訪問。當我們不方便直接訪問某個對象時，或不滿足需求時，可考慮使用一個替身對象來控制該對象的訪問。替身對象可對請求預先進行處理，再決定是否轉交給...

Keagan 2019-08-23 18:17 評論0 收藏0