什么是Proxy？

一、写在前面
Proxy的意思是代理&＃xff0c;我们可以把它理解为一个拦截器&＃xff0c;就是当我们操作对象时&＃xff0c;它都会对对象的操作进行拦截&＃xff0c;从而进行监测和改写。
为什么要存在Proxy?
因为在ES6之前&＃xff0c;我们使用Object.defineProperty()来设置监听器&＃xff0c;来监听对象属性的获取和改写。但是如果其中存在其他的一些操作&＃xff0c;我们是无法监测到的&＃xff0c;所以为了解决这样一个问题&＃xff0c;在ES6中增加了Proxy代理。Proxy可以帮助我们监听对象的十三中操作。
二、两者对比
Object.defineProperty

let info &＃61; {name: &＃39;dmc&＃39;,age: 20
}Object.defineProperty(info, &＃39;name&＃39;, {get() {console.log(&＃39;获取info的name值&＃39;)return &＃39;dl&＃39;},set() {console.log(&＃39;设置info的name值&＃39;)}
})console.log(info.name)
info.name &＃61; &＃39;dmc&＃39;


Proxy

let info &＃61; {name: &＃39;dmc&＃39;,age: 20
}let infoProxy &＃61; new Proxy(info, {get(target, key) {console.log(&＃39;获取对象属性&＃39;)return target[key]},set(target, key, newValue) {console.log(&＃39;设置对象属性&＃39;)target[key] &＃61; newValue},has(target, key) {console.log(&＃39;触发has捕获器&＃39;)}
})


三、Proxy其他捕获器类型
Proxy存在13种捕获器类型&＃xff0c;常用的有has(), get(), set(), deleteProperty(),construt()和apply()主要用于函数