面试问题：defineProperty和Proxy的区别
建议回答：
defineProperty和Proxy都是JavaScript中用于创建响应式数据或拦截对象操作的方法，但它们在功能和使用场景上有所不同。
- 功能差异：
-
Object.defineProperty()方法用于在对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。它只能针对对象的属性进行拦截，不支持数组索引的拦截，也不支持对象属性的批量处理。Proxy是一个用于创建对象代理，从而在访问对象的属性或方法时进行拦截的构造函数。它提供了一种机制，可以拦截并自定义对象的基本操作，如属性查找、赋值、枚举、函数调用等。
- 性能差异：
-
defineProperty在处理大量属性时性能较低，因为它需要为每个属性单独定义getter和setter。Proxy可以一次性拦截整个对象的操作，因此在处理大量属性时性能更好。
- 兼容性差异：
-
defineProperty在ES5中引入，兼容性较好，支持旧版浏览器。Proxy是ES6中引入的新特性，不支持旧版浏览器，需要使用Babel等工具进行转译。
- 使用场景：
-
defineProperty适用于需要精确控制单个属性的场景，如Vue2中的响应式系统。Proxy适用于需要拦截整个对象或需要更复杂拦截逻辑的场景，如Vue3中的响应式系统。
技术详解：
defineProperty的工作原理：
-
Object.defineProperty()接受三个参数：对象、属性名和描述符。描述符是一个对象，包含属性的配置，如value、writable、enumerable和configurable等。通过定义getter和setter，可以在属性被读取或修改时执行自定义操作。
Proxy的工作原理：
-
Proxy构造函数接受两个参数：目标对象和处理器对象。处理器对象可以定义一系列的陷阱（trap），如get、set、has等，用于拦截目标对象的各种操作。当目标对象被访问或修改时，相应的陷阱会被触发。
参考链接：
- MDN -
Object.defineProperty() - MDN -
Proxy - JavaScript ES6 Proxy vs. Object.defineProperty
- Proxy vs defineProperty: When to Use Each
