JavaScript Proxy是什么_如何拦截对象操作？

JavaScript Proxy 是用于拦截和自定义对象基本操作的内置构造函数，通过目标对象和处理器对象（含 get、set 等陷阱）实现行为监控，支持数据响应式、属性日志等，但不递归代理嵌套对象，需配合 Reflect 保持默认语义。

JavaScript Proxy 是一个用于拦截和自定义对象基本操作的内置构造函数。 它允许你在访问、赋值、删除、枚举等行为发生时插入逻辑，相当于给对象装上“监控层”，不修改原对象结构就能改变其行为。

Proxy 的基本用法：创建代理对象

Proxy 接收两个参数：目标对象（target）和处理器对象（handler）。handler 里定义各种“陷阱”（traps），比如 get、set、has、deleteProperty 等，对应不同操作的拦截点。

最简示例：

const obj = { name: 'Alice', age: 30 };
const proxy = new Proxy(obj, {
  get(target, prop) {
    console.log(`读取属性: ${prop}`);
    return target[prop];
  },
  set(target, prop, value) {
    console.log(`设置属性 ${prop} = ${value}`);
    target[prop] = value;
    return true; // 必须返回 true 表示赋值成功
  }
});

proxy.name; // 输出：读取属性: name → 返回 'Alice'
proxy.city = 'Beijing'; // 输出：设置属性 city = Beijing

常用拦截操作及注意事项

不是所有操作都能直接拦截，有些 trap 有特定约束或需配合其他机制使用：

立即学习“Java免费学习笔记（深入）”；

标签： vue javascript java 处理器 app proxy red