本篇文章帶給大家的內容是關於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除了代理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() 时。攔截並監視外部對物件的存取
#降低函數或類別的複雜度
在複雜操作前對操作進行校驗或管理所需資源
以上是es6中的Proxy的理解（附範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
