javascript如何实现反射_有哪些相关api-js教程-PHP中文网

javascript如何实现反射_有哪些相关api

夜晨

发布： 2025-12-16 22:15:18

原创

485人浏览过

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

javascript如何实现反射_有哪些相关api

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+）

动态执行与代码生成（高阶反射场景）

需谨慎使用，但确属反射范畴：

BlessAI

Bless AI 提供五个独特的功能：每日问候、庆祝问候、祝福、祷告和名言的文本生成和图片生成。

135

查看详情

立即学习“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); }