JavaScript反射机制与对象检测详解

JavaScript 并不存在传统意义上的反射机制，所谓“反射”实则是通过 Object 静态方法、Reflect 对象和 Proxy 三者协同实现的对象结构探测与运行时行为拦截能力——它不提供类的元数据查询或私有成员访问，而是聚焦于**如何安全、可控、标准化地观察和干预对象的访问过程**；理解这三者的分工（Reflect 封装底层操作、Object 提供兼容性工具、Proxy 实现动态拦截）并厘清使用场景，才是掌握 JS “反射式编程”的关键所在。

JavaScript 里没有真正的反射机制

JavaScript 没有像 Java 或 C# 那样定义完整的反射（Reflection）API，比如不能在运行时动态获取类的完整元数据、调用私有方法或枚举所有声明过的字段。所谓“JS 反射”，其实是开发者对 Object 相关静态方法、prototype 链操作、Proxy 和 Reflect 对象等能力的统称——它们提供的是**对象结构探测与行为拦截能力**，而非语言级反射。

用 Reflect 和 Object 方法检查对象属性和结构

Reflect 是 ES6 引入的内置对象，它把原本散落在 Object、function 或操作符（如 in、delete）中的底层操作封装成函数式方法，特点是：统一返回布尔值、更严格、可被 Proxy trap 直接复用。

检查对象常用组合如下：

• Reflect.has(obj, key) 替代 key in obj，不触发原型链上的 getter
• Reflect.getOwnPropertyDescriptor(obj, key) 获取自有属性描述符（含 value、writable 等），比 Object.getOwnPropertyDescriptor 更一致
• Object.keys(obj) 只返回可枚举自有字符串键；Object.getOwnPropertyNames(obj) 还包括不可枚举字符串键；Object.getOwnPropertySymbols(obj) 返回自有 Symbol 键
• Object.getPrototypeOf(obj) 和 obj.constructor 不等价，前者取原型，后者可能被改写

const obj = { a: 1 };
Object.defineProperty(obj, 'b', { value: 2, enumerable: false });
console.log(Reflect.has(obj, 'a')); // true
console.log(Object.keys(obj)); // ['a']
console.log(Object.getOwnPropertyNames(obj)); // ['a', 'b']

判断对象类型和原型关系不能只靠 typeof

typeof 对所有引用类型几乎都返回 "object"（null 也是），无法区分数组、日期、正则等。真正可靠的方式是：

• 用 Object.prototype.toString.call(x) 获取内部 [[Class]] 标签，例如 [object Array]
• 用 x instanceof Constructor 判断是否为某构造函数实例（依赖原型链，跨 iframe 失效）
• 用 Array.isArray(x)、Number.isNaN() 等专用方法（推荐优先）
• obj?.constructor?.name 不稳定，因为 constructor 可被覆盖或丢失

console.log(Object.prototype.toString.call([])); // [object Array]
console.log(Object.prototype.toString.call(null)); // [object Null]
console.log(Array.isArray([])); // true

用 Proxy 实现运行时行为观察，接近反射式控制

如果你需要“在访问/设置属性前做检查”“记录所有操作”“模拟私有字段”等场景，Proxy 是最接近反射意图的工具。它不读取已有结构，而是拦截后续操作。

• get/set trap 可捕获任意属性读写，包括不存在的键
• ownKeys 控制 Object.getOwnPropertyNames 等返回结果
• getOwnPropertyDescriptor 配合 defineProperty 可伪造属性特征
• 注意：Proxy 无法代理非对象（原始值）、不能被 JSON.stringify 正常序列化、性能开销明显

const handler = {
  get(target, prop) {
    console.log(`Getting ${prop}`);
    return target[prop];
  }
};
const proxied = new Proxy({ x: 1 }, handler);
proxied.x; // 输出 "Getting x"

真正难的不是罗列 API，而是分清什么时候该用 Reflect（标准化操作）、什么时候该用 Object 工具方法（兼容性/简洁性）、什么时候必须上 Proxy（动态拦截）。三者边界模糊，但目标明确：你不是在“反射对象”，而是在**控制对它的访问方式**。

理论要掌握，实操不能落！以上关于《JavaScript反射机制与对象检测详解》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！