ECMAScript的Proxy对象怎么用

ECMAScript 的 Proxy 对象用于在 JavaScript 中创建一个对象的代理，从而可以拦截并重新定义对象的基本操作。这使得您可以自定义对象的行为，例如属性查找、赋值、枚举和函数调用等。

以下是一个使用 Proxy 对象的基本示例：

// 目标对象
const target = {
  message: 'Hello, World!'
};

// 处理程序对象
const handler = {
  // 拦截属性读取操作
  get: function(obj, prop) {
    if (prop in obj) {
      return obj[prop];
    } else {
      return 'Property not found';
    }
  },

  // 拦截属性赋值操作
  set: function(obj, prop, value) {
    if (typeof value === 'string') {
      obj[prop] = value;
      return true;
    } else {
      console.error('Invalid value type');
      return false;
    }
  }
};

// 创建代理对象
const proxy = new Proxy(target, handler);

// 使用代理对象
console.log(proxy.message); // 输出: Hello, World!
console.log(proxy.nonExistentProperty); // 输出: Property not found

proxy.message = 'Hello, Proxy!'; // 正常赋值
console.log(proxy.message); // 输出: Hello, Proxy!

proxy.nonExistentProperty = 'New Value'; // 尝试赋值无效类型
console.log(proxy.nonExistentProperty); // 输出: Property not found

在这个示例中，我们创建了一个名为 target 的目标对象，以及一个名为 handler 的处理程序对象。处理程序对象定义了两个拦截器方法：get 和 set，分别用于拦截属性读取和赋值操作。

然后，我们使用 new Proxy(target, handler) 创建了一个代理对象 proxy。当我们尝试读取或修改 proxy 的属性时，将调用处理程序对象中定义的拦截器方法。

这只是一个简单的示例，Proxy 对象提供了许多其他拦截器方法，例如 deleteProperty、has、ownKeys 等，以实现更高级的自定义行为。更多关于 Proxy 对象的信息，请参阅 ECMAScript 官方文档：https://262.ecma-international.org/11.0/#sec-proxy