es6——Proxy

问题的起源
vue3.0 开始 Proxy代替Object.defineProperty，产生了一些列疑惑。

• Proxy是什么？
• Proxy能干什么？
• Vue用Object.defineProperty干了什么？
• 为什么用Proxy代替Object.defineProperty？

解析：
Proxy 可以理解成在目标对象前架设一个“拦截”层，外界对该对象的访问都必须先通过这层拦截，因此提供了一种机制可以对外界的访问进行过滤和改写。

let obj = new Proxy({}, {
  get (target, p, receiver) {
    console.log('getter')
    return Reflect.get(target, p, receiver)
  },
  set (target, p, value, receiver) {
    console.log('setter')
    return Reflect.set(target, p, value, receiver)
  },
})

在对obj进行读取和修改操作时，会触发get或set回调。
obj.count = 1// setter
console.log(obj.count)// getter 1

待更新