ES6的Proxy对象怎么用

ES6 的 Proxy 对象用于在目标对象上定义自定义行为。它可以拦截并重新定义对象的基本操作，例如属性查找、赋值、枚举和函数调用等。Proxy 可以用于实现很多高级功能，如数据绑定、日志记录、性能测试等。

要使用 Proxy 对象，你需要创建一个新的 Proxy 实例，并传入两个参数：

1. target：要代理的目标对象。
2. handler：一个包含代理行为的对象，它的属性是函数，这些函数的名称对应于要拦截的操作。

下面是一个简单的例子，展示了如何使用 Proxy 对象拦截对象的属性访问和设置操作：

const target = {
  name: 'John',
  age: 30
};

const handler = {
  get: function (obj, prop) {
    if (prop in obj) {
      console.log(`Getting ${prop}: ${obj[prop]}`);
      return obj[prop];
    } else {
      console.log(`Property ${prop} not found`);
      return undefined;
    }
  },
  set: function (obj, prop, value) {
    console.log(`Setting ${prop} to ${value}`);
    obj[prop] = value;
  }
};

const proxy = new Proxy(target, handler);

console.log(proxy.name); // 输出: Getting name: John
proxy.age = 31; // 输出: Setting age to 31
console.log(proxy.gender); // 输出: Getting gender not found

在这个例子中，我们创建了一个名为 target 的对象，然后定义了一个名为 handler 的对象，它包含了 get 和 set 方法。接着，我们创建了一个名为 proxy 的 Proxy 实例，将 target 作为目标对象，handler 作为处理器。

当我们访问 proxy.name 时，handler 的 get 方法会被调用，输出相应的信息。同样，当我们设置 proxy.age 时，handler 的 set 方法会被调用，输出相应的信息。

这只是一个简单的例子，Proxy 还可以用于拦截其他操作，如删除属性、枚举对象属性等。你可以根据需要自定义处理器对象中的方法来实现所需的功能。