IoC容器通过依赖注入实现对象创建与使用的分离，由容器管理依赖关系。JavaScript中可利用语言灵活性实现轻量级IoC容器，核心包含注册、解析和依赖追踪机制。示例容器通过构造函数参数名提取依赖，并支持单例模式。结合Symbol标识服务，实现解耦。扩展可支持工厂函数、作用域、装饰器元数据、异步初始化及循环依赖检测，提升灵活性与适用性。
依赖注入（Dependency Injection, DI）是控制反转（Inversion of Control, IoC）的一种实现方式，它的核心思想是将对象的创建和使用分离，由外部容器负责管理对象之间的依赖关系。在JavaScript中虽然没有像Java Spring那样的原生支持，但可以通过语言本身的灵活性来实现一个轻量级的IoC容器。
1. 什么是IoC容器？
IoC容器是一个用于管理对象生命周期和依赖关系的工具。它负责：
- 注册服务（类或工厂函数）
- 解析依赖并自动注入
- 管理实例的创建时机（单例、瞬态等）
通过IoC容器，代码不再需要手动new对象，而是声明“我需要什么”，由容器在运行时提供。
2. 基本实现原理
一个简单的IoC容器通常包含以下几个部分：
立即学习“Java免费学习笔记（深入）”；
注册（Register）
将类或值绑定到一个标识符（如字符串token或Symbol），并指定其生命周期策略。
解析（Resolve）
根据标识符查找对应的定义，并创建实例。如果构造函数有参数，容器会递归解析这些依赖。
依赖追踪
利用JavaScript的构造函数参数名或装饰器机制来识别依赖项。
3. 简易IoC容器实现示例
以下是一个基于构造函数参数名称的简单IoC容器：
class Container {
constructor() {
this.registry = new Map();
this.singletons = new Map();
}
// 注册服务
register(token, ctor, options = { singleton: false }) {
this.registry.set(token, { ctor, options });
}
// 解析依赖
resolve(token) {
if (this.singletons.has(token)) {
return this.singletons.get(token);
}
const record = this.registry.get(token);
if (!record) {
throw new Error(`No registration for token: ${String(token)}`);
}
const { ctor, options } = record;
const dependencies = this._resolveDependencies(ctor);
const instance = new ctor(...dependencies);
if (options.singleton) {
this.singletons.set(token, instance);
}
return instance;
}
// 提取构造函数参数名（简化版）
_resolveDependencies(ctor) {
const argStr = ctor.toString().match(/constructor\s*$$([^)]*)\)/);
if (!argStr) return [];
const argNames = argStr[1].split(',').map(arg => arg.trim()).filter(Boolean);
return argNames.map(name => this.resolve(Symbol.for(name)));
}
}4. 使用示例
假设我们有两个服务：
class Logger {
log(msg) {
console.log('[LOG]', msg);
}
}
class ApiService {
constructor(Logger) {
this.logger = Logger;
}
fetchData() {
this.logger.log('Fetching data...');
return { data: 'mock' };
}
}使用容器注册并解析：
const container = new Container();
container.register(Symbol.for('Logger'), Logger, { singleton: true });
container.register(Symbol.for('ApiService'), ApiService, { singleton: true });
const api = container.resolve(Symbol.for('ApiService'));
api.fetchData(); // 输出: [LOG] Fetching data...5. 高级特性扩展建议
- 支持工厂函数：允许用函数生成实例，更灵活地控制创建逻辑
- 作用域支持：如请求级作用域（常见于Node.js服务端）
- 装饰器元数据：使用TypeScript装饰器 + reflect-metadata库精确标注依赖
- 异步初始化：支持异步加载配置或资源后再创建实例
- 循环依赖检测：在解析过程中记录调用栈，避免无限递归
基本上就这些。JavaScript的动态特性让实现IoC容器变得直接而灵活，虽不如静态语言严谨，但在应用架构中仍能有效解耦模块依赖。关键是设计清晰的注册与解析流程，避免过度复杂化。
