谈谈 Object.defineProperty 与 Proxy 的区别？

`Object.defineProperty` 和 `Proxy` 都是 ES6 中的特性，都可以用来实现对对象的代理（Proxy）和拦截（Interception），但它们的实现方式有所不同。

1. `Object.defineProperty` 是 ES5 中的一个方法，它可以用来定义对象的属性。通过 `Object.defineProperty` 定义的属性称为“数据描述符”（data descriptor）或“存取描述符”（accessor descriptor），它们可以分别用来控制属性的值和属性的访问。

2. `Proxy` 是 ES6 中新增的一个对象，它可以用来创建一个对象的代理，从而实现对目标对象的拦截。通过 `Proxy` 可以拦截目标对象的所有操作，包括读取、赋值、函数调用等等。

下面是它们之间的一些区别：

- `Object.defineProperty` 可以拦截对属性的读取和赋值操作，但无法拦截函数调用等操作；而 `Proxy` 可以拦截全部的操作。
- `Object.defineProperty` 对象的监听是基于属性的，一旦属性被监听，就无法取消监听；而 `Proxy` 对象的监听是基于对象的，可以随时取消监听。
- `Object.defineProperty` 可以监听对象的属性，但无法监听对象本身的变化；而 `Proxy` 可以监听对象本身的变化，包括对象的添加、删除等操作。
- `Object.defineProperty` 只能监听单个属性，需要多次调用；而 `Proxy` 可以监听多个属性，且可以通过一个代理对象实现。

总的来说，`Object.defineProperty` 和 `Proxy` 都可以用来实现对象的代理和拦截，但它们的实现方式和使用场景有所不同。`Object.defineProperty` 适用于对单个属性进行拦截的场景，而 `Proxy` 更适用于对整个对象进行拦截的场景。