Object.defineProperty() 和 Proxy

当我们需要在 JavaScript 中对对象的属性进行特殊处理时，我们可以使用 Object.defineProperty() 和 Proxy 这两种方法。

Object.defineProperty():

• Object.defineProperty() 是旧版的方法，在 ES5 中引入。
• 它用于定义或修改对象的单个属性。
• 使用方法为：Object.defineProperty(obj, prop, descriptor)，其中 obj 是目标对象，prop 是要定义或修改的属性名，descriptor 是一个包含属性特性的对象，比如属性是否可读、可写、可枚举和可配置等。
• 它通过配置属性的 getter 和 setter 函数来拦截对属性的访问和修改，从而可以实现属性的控制和劫持。

Proxy:

• Proxy 是新版的特性，在 ES6 中引入。
• 它提供了一种代理机制，允许我们拦截并自定义目标对象上的操作，包括对属性的读取、设置、删除等。
• 使用方法为：new Proxy(target, handler)，其中 target 是目标对象，handler 是一个处理程序对象，其中定义了拦截方法（也称为陷阱）。
• 通过代理对象，我们可以实现更复杂的逻辑来处理对目标对象的操作。

总结：

• Object.defineProperty() 是旧版的方法，用于定义或修改单个属性的特性，它的使用相对复杂，只能拦截属性的读写操作。
• Proxy 是新版的特性，提供了更强大和灵活的拦截机制，可以拦截并自定义对目标对象的各种操作。它是 Object.defineProperty() 的更现代和推荐替代方法。