什么是Proxy?

        在JavaScript中，Proxy是一种对象，它允许你创建一个代理对象来拦截并改变底层对象的基本操作。使用Proxy，你可以在对象上定义自定义行为，例如：

• 拦截对对象属性的读取和写入操作
• 拦截函数调用
• 拦截in操作符
• 拦截delete操作符

Proxy的语法如下：

const proxy = new Proxy(target, handler);

 其中，target是要被代理的对象，handler是一个对象，它定义了target的各种拦截操作。

const target = {
  name: "张三",
  age: 20
};

const handler = {
  get: function(target, prop, receiver) {
    console.log(`读取${prop}属性`);
    return target[prop];
  },
  set: function(target, prop, value) {
    console.log(`设置${prop}属性为${value}`);
    target[prop] = value;
  }
};

const proxy = new Proxy(target, handler);

console.log(proxy.name); // 读取name属性，输出"张三"
proxy.age = 21; // 设置age属性为21，控制台输出"设置age属性为21"

        上述示例代码中，我们定义了一个target对象，它有两个属性name和age。然后，我们使用Proxy创建了proxy代理对象，并定义了两个拦截函数来处理对target对象属性的读取和写入操作。最后，我们通过proxy对象来读取name属性和将age属性设置为21，并在控制台中输出了相应的信息。

需要注意的是，在使用Proxy时，你需要确保它的兼容性，因为一些较老的浏览器可能不支持该特性。