Object.defineProperty 局限性明显，无法监听动态增删属性，需递归处理深层对象且数组操作需重写方法；2. Proxy 可监听所有属性变化，支持多种拦截操作，天然响应数组变更并实现惰性侦测；3. Proxy 兼容性较差且调试复杂，内存开销较高；4. 现代项目优先选用 Proxy，老旧环境仍用 defineProperty。
在实现响应式系统时，Object.defineProperty 和 Proxy 都可用于监听对象变化，但二者在能力、灵活性和兼容性上有明显差异。
1. Object.defineProperty 的局限性
这是 Vue 2 中实现响应式的核心机制。它通过遍历对象的每个属性，使用 defineProperty 将其转换为 getter/setter 来追踪依赖和触发更新。
- 无法监听新增或删除的属性：必须提前定义所有响应式属性，动态添加的属性不会自动响应
- 需要递归遍历深层对象：初始化时就要对嵌套对象逐层处理，性能开销大，且对循环引用敏感
- 数组变动需特殊处理：原生方法如 push、splice 不会触发 setter，Vue 2 通过重写数组原型来弥补
- 只能代理对象的已有属性，不能监听整个对象或数组的整体操作
2. Proxy 的优势
Vue 3 使用 Proxy 实现响应式，从根本上解决了 defineProperty 的瓶颈。
- 可监听动态增删属性：无需预先定义，任何属性变化都能被捕获
- 支持拦截多种操作：包括 get、set、has、deleteProperty、ownKeys 等，能全面监控对象行为
- 天然支持数组：不需要重写数组方法，索引赋值、length 变化等都能被感知
- 惰性侦测：只有访问到深层属性时才进行代理，避免一次性递归，提升性能
- 可代理整个对象或数组，而不是单个属性，结构更清晰
3. 兼容性与使用成本
尽管 Proxy 功能更强，但也有代价。
立即学习“Java免费学习笔记（深入）”；
- 浏览器兼容性较差：不支持 IE，部分老版本移动端浏览器也不支持
- 调试更复杂：Proxy 是黑盒，内部逻辑不易追踪，错误提示可能不够直观
- 某些操作需手动 Reflect 配合：为了保持默认行为，常需结合 Reflect 使用
- 内存开销略高：每个代理对象都有额外的运行时开销
4. 实际应用中的选择
现代项目优先使用 Proxy，尤其是 Vue 3 或自研响应式库。若需兼容低版本浏览器，defineProperty 仍是可行方案，但需接受其限制。
基本上就这些，核心是：Proxy 更强大灵活，defineProperty 更稳定兼容。
