太治愈了。 你良好啊， 我今天要跟较大家聊聊怎么通过Proxy拦截对象操作，很更多人以为给对象加个set就算完事了但实际情况是这样根本不行！最终还是结果是= 1不触发、 delete不拦截、还能绕过监听，这一些坑都必须要靠Proxy来填！

为啥Proxy这么十分沉关键？

当前这个细节在Vue 3响应式实现里被反复验证过：不传receiver嵌套对象的reactive就会断掉。你想想，这更多可怕！所以我们得良好良好学学Proxy，行吧...。

核心是啥？

核心是传入两个参数：目标对象和处理器对象。不手动转发操作会引起代理失效。来看看例子：

const proxy = new Proxy({ a: 1, b: 2 }, { 
  ownKeys { 
    return ; // 只暴露 'a'  
  }, 
  getOwnPropertyDescriptor {
    if  return undefined; // 让 b 对 hasOwnProperty / Object.keys 不可见
    return Reflect.getOwnPropertyDescriptor; 
  }
});
console.log); // 
console.log); // {"a":1}

注意trap的this和receiver差别

背后.… 全部handler方法中， this指向handler对象本身；而receiver是原始触发操作的对象，在继承或Reflect调用中决定this绑定和原型链查找起点。这俩货时常被搞混，你可得较小心！

const obj = { x: 1 };
const proxy = new Proxy(obj, { 
  get { 
    console.log;
    return Reflect.get; 
  }, 
  set { 
    console.log;
    return Reflect.set; 
  }
});
proxy.x = 2; // 输出 set x 2， 变为 2

Proxy还能拦截枚举行为！

for...in等操作底层调用的是getOwnPropertyDescriptor+, 不是简洁的get/set/deletePropertyIn`等操作。 我满足了。 若只写`get`,遍历时根本看不到代理逻辑。

`Object.defineProperty`的局限性