Proxy是什么，有什么应用场景？

"Proxy是一种在JavaScript中使用的高级功能，它允许我们拦截并修改对象的底层操作。Proxy可以用于各种应用场景，下面是一些常见的应用场景：

1. 对象属性拦截和监听：通过使用Proxy，我们可以拦截对对象属性的读取、设置和删除操作，并在这些操作发生时执行自定义的逻辑。这对于实现数据绑定、属性验证和权限控制等功能非常有用。

const person = {
  name: \"Alice\",
  age: 25
};

const proxy = new Proxy(person, {
  get(target, property) {
    console.log(`获取属性：${property}`);
    return target[property];
  },

  set(target, property, value) {
    console.log(`设置属性：${property} = ${value}`);
    target[property] = value;
  },

  deleteProperty(target, property) {
    console.log(`删除属性：${property}`);
    delete target[property];
  }
});

proxy.name; // 获取属性：name，返回 \"Alice\"
proxy.age = 30; // 设置属性：age = 30
delete proxy.age; // 删除属性：age

2. 函数调用拦截：通过使用Proxy，我们可以拦截对函数的调用，并在调用发生时执行自定义的逻辑。这对于实现函数的缓存、函数参数验证和函数扩展等功能非常有用。

function sum(a, b) {
  return a + b;
}

const proxy = new Proxy(sum, {
  apply(target, thisArg, argumentsList) {
    console.log(`调用函数：${target.name}`);
    console.log(`参数：${argumentsList}`);
    return target.apply(thisArg, argumentsList);
  }
});

proxy(2, 3); // 调用函数：sum，参数：2, 3，返回 5

3. 数组操作拦截：通过使用Proxy，我们可以拦截对数组的操作，如读取、设置、删除和迭代操作，并在这些操作发生时执行自定义的逻辑。这对于实现数组的响应式和数据过滤等功能非常有用。

const array = [1, 2, 3, 4, 5];

const proxy = new Proxy(array, {
  get(target, property) {
    console.log(`获取索引：${property}`);
    return target[property];
  },

  set(target, property, value) {
    console.log(`设置索引：${property} = ${value}`);
    target[property] = value;
    return true;
  },

  deleteProperty(target, property) {
    console.log(`删除索引：${property}`);
    target.splice(property, 1);
    return true;
  },

  forEach(target, callback) {
    console.log(\"遍历数组\");
    target.forEach(callback);
  }
});

proxy[0]; // 获取索引：0，返回 1
proxy[1] = 10; // 设置索引：1 = 10
delete proxy[2]; // 删除索引：2
proxy.forEach(item => console.log(item)); // 遍历数组，输出 1, 10, 4, 5

4. 防止对象被修改：通过使用Proxy，我们可以在对象上设置一些不可变的属性，防止它们被修改。这对于实现数据的保护和安全性非常有用。

const person = {
  name: \"Alice\",
  age: 25
};

const proxy = new Proxy(person, {
  set(target, property, value) {
    throw new Error(\"对象不可修改\");
  }
});

proxy.name = \"Bob\"; // 抛出错误：对象不可修改

Proxy是JavaScript中非常强大和灵活的功能，通过拦截和修改对象的底层操作，我们可以实现各种高级的功能和行为。以上只是一些常见的应用场景示例，实际上，我们可以根据自己的需求和创造力来使用Proxy，发挥它的潜力，提高代码的可维护性和扩展性。"