如何用Proxy來代理Js中的類

本篇內(nèi)容主要講解“如何用Proxy來代理Js中的類”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何用Proxy來代理Js中的類”吧!

　　怎么用Proxy代理

　　正如MDN上簡單而枯燥的定義：

　　Proxy對象用于定義基本操作的自定義行為（如屬性查找，賦值，枚舉，函數(shù)調(diào)用等）。

　　雖然這是一個不錯的總結(jié)，但是我卻并沒有從中搞清楚Proxy能做什么，以及它能幫我們實(shí)現(xiàn)什么。

　　首先，Proxy的概念來源于元編程。簡單的說，元編程是允許我們運(yùn)行我們編寫的應(yīng)用程序（或核心）代碼的代碼。例如，臭名昭著的eval函數(shù)允許我們將字符串代碼當(dāng)做可執(zhí)行代碼來執(zhí)行，它是就屬于元編程領(lǐng)域。

　　ProxyAPI允許我們在對象和其消費(fèi)實(shí)體中創(chuàng)建中間層，這種特性為我們提供了控制該對象的能力，比如可以決定怎樣去進(jìn)行它的get和set，甚至可以自定義當(dāng)訪問這個對象上不存在的屬性的時候我們可以做些什么。

　　怎么用代理Proxy的API

　　varp=newProxy(target,handler);

　　Proxy構(gòu)造函數(shù)獲取一個target對象，和一個用來攔截target對象不同行為的handler對象。你可以設(shè)置下面這些攔截項(xiàng)：

　　has—?攔截in操作。比如，你可以用它來隱藏對象上某些屬性。

　　get—?用來攔截讀取操作。比如當(dāng)試圖讀取不存在的屬性時，你可以用它來返回默認(rèn)值。

　　set—用來攔截賦值操作。比如給屬性賦值的時候你可以增加驗(yàn)證的邏輯，如果驗(yàn)證不通過可以拋出錯誤。

　　apply—用來攔截函數(shù)調(diào)用操作。比如，你可以把所有的函數(shù)調(diào)用都包裹在try/catch語句塊中。

　　這只是一部分?jǐn)r截項(xiàng)，你可以在MDN上找到完整的列表。

到此，相信大家對“如何用Proxy來代理Js中的類”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！