Proxy 是 JavaScript 的元编程工具，用于拦截并自定义对象基本操作，如 get、set、has、apply 等，未定义的 handler 方法走默认行为；它不自动响应式，需手动触发更新，且不能代理原始值。
Proxy 不是用来“代理请求”的，它是 JavaScript 里的元编程工具，核心作用是拦截并自定义对象的基本操作行为。
Proxy 能拦截哪些操作？
它不是万能钩子，只对明确列出的 handler 方法生效，比如 get、set、has、deleteProperty、apply（用于函数）、construct（用于 new）等。没定义的拦截方法会走默认行为——这点常被忽略，导致“为什么没拦住？”
-
get拦截读取属性（包括数组索引、in 操作符触发的has） -
set拦截赋值，但必须配合Object.defineProperty的 writable: false 或使用严格模式才能可靠捕获失败 -
ownKeys和getOwnPropertyDescriptor一起用，才能真正隐藏或伪造Object.keys()和for...in看到的属性
为什么直接用 Proxy 包裹普通对象有时没效果？
常见误区：以为 Proxy 能“自动响应式”，其实它不监听变化，只拦截操作。你得自己在 set 里触发更新逻辑，否则只是个空壳。
- Vue 3 的响应式系统基于 Proxy，但它内部封装了依赖收集（
track）和触发更新（trigger）机制 - 对数组方法如
push、pop，Proxy 默认不拦截——因为它们本质是调用length和索引属性，需在get中对数组原型方法做特殊处理 - Proxy 返回的是新对象，原对象不受影响；想“增强”已有对象，必须用
new Proxy(target, handler)并把返回值当新引用使用
Proxy 和 Object.defineProperty 对比时要注意什么？
Proxy 是 ES6 新增，支持拦截更多操作（如 in、delete、instanceof），而 Object.defineProperty 只能劫持已存在的属性的读写，且无法监听动态新增属性。
立即学习“Java免费学习笔记（深入）”；
- Proxy 不能代理非对象（如 number、string 原始值），传入会报
TypeError: Cannot create proxy with a non-object as target -
Object.defineProperty在 IE8+ 可用，Proxy 最低仅支持 Chrome 49 / Firefox 18 / Safari 10，Node.js 需 v6.0+（且默认开启 --harmony-proxies 已废弃，v12+ 原生支持） - Proxy 的性能开销比
defineProperty显著更高，高频操作（如 Canvas 动画数据）慎用
真正难的不是写一个 new Proxy，而是决定在哪个粒度上拦截、如何避免无限递归（比如 get 里又读自身属性）、以及怎样让 instanceof 或 Array.isArray 行为符合预期——这些细节不处理，很容易在深层嵌套或跨框架交互时出问题。
