答案：依赖注入容器通过外部传入依赖实现解耦，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免费学习笔记（深入）”；
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 其他依赖。
以上就是使用JavaScript实现一个简单的依赖注入_js架构的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1535347.html
微信扫一扫 
支付宝扫一扫 
