17370845950

Reflect 是 JavaScript 提供的内置对象，将对象操作统一为方法调用，与 Proxy 配合实现安全、可维护的元编程；它不拦截行为，仅提供健壮的默认操作接口。

Reflect 是 JavaScript 中一个内置的对象，它提供了一组静态方法，用来操作对象的底层行为，比如获取属性、设置属性、调用构造函数、检查属性是否存在等。它的设计初衷是把原本散落在 Object、Function 或者直接用操作符（如 in、delete）实现的操作，统一成可编程、可拦截、更语义化的方法。

Reflect 的核心作用：让对象操作“方法化”

以前这些操作有的是语法（如 obj.prop）、有的是操作符（如 delete obj.x）、有的是全局函数（如 Object.defineProperty），风格不统一，也不方便统一处理。Reflect 把它们全部变成方法调用，例如：

• Reflect.get(obj, 'key') → 替代 obj.key 或 obj['key']
• Reflect.set(obj, 'key', value) → 替代 obj.key = value
• Reflect.has(obj, 'key') → 替代 'key' in obj
• Reflect.deleteProperty(obj, 'key') → 替代 delete obj.key
• Reflect.construct(Fn, args) → 替代 new Fn(...args)

这些方法返回值更一致（多数返回布尔值或实际结果），出错时也统一抛异常，便于错误处理和封装。

Reflect 和 Proxy 是“搭档”，不是替代关系

Proxy 用于拦截对象操作，但它本身不执行操作——它需要你手动写逻辑。而 Reflect 的方法，正好对应 Proxy 各个 trap（拦截点）的默认行为。所以最常见、最推荐的写法是：

• 在 Proxy 的 handler 中，用 Reflect.xxx(...) 来转发操作，保持原行为
• 再在其前后加自定义逻辑（比如日志、校验、权限控制）

例如：

const obj = { x: 1 };
const proxy = new Proxy(obj, {
  get(target, key, receiver) {
    console.log('读取:', key);
    return Reflect.get(target, key, receiver); // 转发默认行为
  },
  set(target, key, value, receiver) {
    if (typeof value !== 'number') {
      throw new Error('只接受数字');
    }
    console.log('设置:', key, '=', value);
    return Reflect.set(target, key, value, receiver); // 转发默认行为
  }
});

这里 Reflect.get/set 不仅写法简洁，还正确处理了 receiver（影响 this 绑定，尤其在访问 getter 时很重要），比手写 target[key] 更健壮。

为什么不能只用 Reflect？它不能“代理”对象

Reflect 本身不改变对象行为，它只是提供了一套干净的操作接口。它没有拦截能力，也不能创建代理对象。想监听或改写行为，必须靠 Proxy。反过来，Proxy 若不配合 Reflect，就得自己重复实现底层逻辑（比如手动遍历原型链找属性），既麻烦又容易出错。

所以二者定位清晰：Proxy 负责“拦截”，Reflect 负责“执行”。它们一起让元编程更安全、更可维护。

基本上就这些。Reflect 看似简单，但它是现代 JS 元编程中承上启下的关键一环——没它，Proxy 的 handler 写起来会笨重很多；没 Proxy，Reflect 就只是个“语法糖集合”。两者配合，才真正释放了 JavaScript 操作对象的灵活性。