這篇文章將為大家詳細講解有關es6中的Proxy是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創新互聯公司專注于永川企業網站建設,成都響應式網站建設公司,商城網站建設。永川網站建設公司,為永川等地區提供建站服務。全流程定制網站開發，專業設計，全程項目跟蹤，成都創新互聯公司專業和態度為您提供的服務

試題解析:對proxy的理解，可能會延伸到vue的雙向綁定

Proxy（代理） 定義

可以理解為為目標對象架設一層攔截，外界對該對象的訪問，都必須通過這層攔截

簡單示例:

 const obj = new Proxy({}, {
     get: (target, key, receiver) => {
         return 'JS'
         console.log(`get ${key}`)
     },
     set: (target, key, value, receiver) => {
         console.log(`set ${key}`)
     },
 })
 
 obj.name = 'JS 每日一題' 
 // set name
 // JS 每日一題
 
 obj.name 
 // 這里進入get的回調函數，所有直接返回 JS

從上面的示例中可以看出，Proxy存在一種機制，可以對外界的讀寫操作進行改寫

Proxy 實例方法

proxy除了代理get,set操作，還能代理其它的操作，如下

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

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

• 降低函數或類的復雜度

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

關于es6中的Proxy是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。