答案：依赖注入容器通过外部传入依赖实现解耦，JavaScript 实现包含注册、解析功能，支持单例与嵌套依赖，可管理类或函数服务。
依赖注入（Dependency Injection, DI）是一种设计模式，用于实现控制反转（IoC），让对象的依赖由外部传入，而不是在内部创建。这种方式提高了代码的可测试性、灵活性和解耦程度。下面用 JavaScript 实现一个简单的依赖注入容器。
1. 实现一个基础的依赖注入容器
我们创建一个 Container 类，用来注册、解析和管理依赖。
class Container {
constructor() {
this.dependencies = {};
}
// 注册依赖
register(name, dependency, singleton = false) {
this.dependencies[name] = {
factory: typeof dependency === 'function' ? dependency : () => dependency,
singleton,
instance: null
};
}
// 解析依赖（获取实例）
resolve(name) {
const dep = this.dependencies[name];
if (!dep) {
throw new Error(`Dependency not found: ${name}`);
}
if (dep.singleton && dep.instance) {
return dep.instance;
}
const instance = dep.factory(this); // 把 container 传进去，支持依赖嵌套
if (dep.singleton) {
dep.instance = instance;
}
return instance;
}
// 清除某个依赖或全部依赖（用于测试）
clear(name) {
if (name) {
delete this.dependencies[name];
} else {
this.dependencies = {};
}
}
}
2. 定义服务类
我们定义几个简单的服务来演示依赖关系。
// 日志服务
function Logger() {
return {
log: (msg) => console.log(`[LOG] ${msg}`)
};
}
// 数据服务，依赖 Logger
function DataService(container) {
const logger = container.resolve('logger');
return {
getData: () => {
logger.log('Fetching data...');
return ['item1', 'item2'];
}
};
}
// 用户服务，依赖 DataService
function UserService(container) {
const dataService = container.resolve('dataService');
const logger = container.resolve('logger');
return {
getUserData: () => {
logger.log('Getting user data');
return dataService.getData();
}
};
}
3. 使用容器注册并解析依赖
现在我们使用容器来注册服务，并获取实例。
立即学习“Java免费学习笔记（深入）”；
mallcloud商城基于SpringBoot2.x、SpringCloud和SpringCloudAlibaba并采用前后端分离vue的企业级微服务敏捷开发系统架构。并引入组件化的思想实现高内聚低耦合，项目代码简洁注释丰富上手容易，适合学习和企业中使用。真正实现了基于RBAC、jwt和oauth2的无状态统一权限认证的解决方案，面向互联网设计同时适合B端和C端用户，支持CI/CD多环境部署，并提
const container = new Container();
container.register('logger', Logger, true);
container.register('dataService', DataService, true);
container.register('userService', UserService, true);
// 解析顶层服务，自动触发依赖加载
const userService = container.resolve('userService');
console.log(userService.getUserData());
// 输出：
// [LOG] Getting user data
// [LOG] Fetching data...
// ['item1', 'item2']
4. 支持构造函数或 class 的写法
如果使用 class，也可以适配。只需要 factory 返回 new 实例即可。
class ApiClient {
constructor(logger) {
this.logger = logger;
}
fetch() {
this.logger.log('API request sent');
return { success: true };
}
}
// 注册时传入工厂函数
container.register('apiClient', (container) => {
const logger = container.resolve('logger');
return new ApiClient(logger);
}, true);
基本上就这些。这个简易的 DI 容器支持：
- 注册值、函数、对象
- 单例模式控制
- 依赖自动解析与传递 container 上下文
- 支持 class 和 function 构造的服务
不复杂但容易忽略的是：把 container 作为参数传给 factory，这样内部才能 resolve 其他依赖。
