JavaScript没有传统反射机制,但通过方括号属性访问、Object方法、函数属性、Proxy/Reflect等内置特性实现动态操作对象、函数、类及执行环境的能力。

JavaScript 中没有传统面向对象语言(如 Java、C#)那种完整的“反射”机制,但提供了若干动态操作对象、函数、类和执行环境的能力,常被开发者称为“JavaScript 式反射”。它不依赖 Reflection 类或独立 API,而是通过语言内置的、运行时可读写的核心特性来实现类似功能。
对象属性与方法的动态访问(基础反射能力)
这是最常用、最直接的“反射式”操作,核心是利用方括号语法和 Object 静态方法:
-
动态读写属性:
obj[propName]或obj[propName] = value,支持变量名、表达式作为键名 -
检查属性存在性:
propName in obj(含原型链)或obj.hasOwnProperty(propName)(仅自身) -
枚举可遍历属性:
Object.keys(obj)(自有 + 可枚举)、Object.getOwnPropertyNames(obj)(自有 + 所有,含不可枚举)、Object.getOwnPropertySymbols(obj)(自有 Symbol 属性) -
获取属性描述符:
Object.getOwnPropertyDescriptor(obj, propName),能读取value、writable、enumerable、configurable等元信息
函数与类的运行时信息获取
JS 函数是一等对象,可通过其属性和方法获取结构化信息:
-
函数名与形参:
func.name返回函数名(含匿名函数推导名),func.length返回形参数量;func.toString()可提取源码字符串(注意:压缩后失效,且不含注释/装饰器) -
构造函数与原型链:
obj.constructor获取构造函数,Object.getPrototypeOf(obj)获取原型,func.prototype查看其原型对象(对普通函数有意义) -
类检测:
typeof Class === 'function'且Class.toString().startsWith('class ')是较可靠的类判断方式(ES2015+)
动态执行与代码生成(高阶反射场景)
需谨慎使用,但确属反射范畴:
立即学习“Java免费学习笔记(深入)”;
-
eval():直接执行字符串代码(不推荐,安全 & 性能问题严重) -
Function构造函数:new Function('a', 'b', 'return a + b'),比eval更安全(无词法作用域访问),适合动态生成函数 -
import()(动态导入):返回 Promise,支持运行时按需加载模块,可用于条件加载或插件系统
元编程与代理(现代反射增强)
Proxy 和 Reflect 是 ES6 引入的真正“元反射”能力,用于拦截和自定义基本操作:
-
Proxy:包装对象,拦截get、set、apply、construct、has、ownKeys等 13 种操作,实现日志、验证、响应式、Mock 等 -
Reflect:提供与Proxy拦截器一一对应的静态方法,如Reflect.get(target, prop, receiver)、Reflect.set()、Reflect.construct()等;它让操作更函数化,也统一了底层行为(例如Reflect.ownKeys()与Object.getOwnPropertyNames()+Object.getOwnPropertySymbols()行为一致) - 典型组合:
Reflect常作为Proxy拦截器中的默认行为委托,例如get(target, prop, receiver) { return Reflect.get(target, prop, receiver); }
基本上就这些。JavaScript 的“反射”不是靠单一 API,而是由属性访问、Object 方法、函数属性、Proxy/Reflect 共同构成的一套动态能力体系。用好它们,就能在运行时观察、修改、模拟甚至重写对象行为——不复杂但容易忽略细节。











