Proxy 和 Reflect 用于什么？

Question

Accepted Answer

**Proxy** 包装一个对象，让你通过称为 **trap** 的处理程序函数对其上的基本操作（get、set、has、delete 等）**进行拦截**。**Reflect** 提供这些操作的默认版本作为函数，因此 trap 可以干净地转发到正常行为。

```js
const user = { name: "Ann" };

proxied.name;     // logs "read name" → "Ann"
proxied.age = -5; // throws — intercepted by the set trap
```

## 真实用例

- **响应性**：Vue 3 的响应性系统在 Proxy 中包装 state，以便它确切地知道何时读取或写入属性，并相应地重新渲染。
- **验证/访问控制**：对属性写入强制执行规则。
- **日志记录/仪器化**：跟踪访问以进行调试。
- **默认值/虚拟属性**：为缺失的键返回计算值。
- **负数组索引**、不可变包装器、动态生成方法的 API 客户端。

## 为什么存在 Reflect

在 trap 内部，你需要执行*默认*操作。使用 `Reflect.get/set`（而不是 `target[key]`）可以正确处理边界情况，例如继承的 getter/setter 的正确 `receiver`。

## 为什么这很重要

Proxy 实现了框架所依赖的强大元编程。

tradeoff 是 **overhead** — 每个操作都通过你的 trap — 所以在拦截确实值得的地方使用它们，而不是用于日常对象。