依赖注入容器通过注册和解析依赖实现解耦，支持常量、工厂函数和服务类的注册；2. 容器可扩展为支持单例模式，避免重复创建实例；3. 适用于小型项目或学习DI原理，实际中可结合TypeScript、配置文件或框架集成以提升可维护性。
依赖注入（Dependency Injection, DI）是一种设计模式，用于解耦模块之间的依赖关系。通过一个容器来管理对象的创建和依赖注入，可以让代码更易于测试、维护和扩展。在 JavaScript 中，我们可以用一个简单的类来实现一个轻量级的依赖注入容器。
1. 定义依赖注入容器的基本结构
创建一个 Container 类，用来注册、解析和管理依赖。核心方法包括：
register(key, resolver)：将依赖以键值对形式注册到容器中 resolve(key)：根据键获取并实例化依赖示例代码：
class Container { constructor() { this._registry = new Map(); } register(key, resolver) { this._registry.set(key, resolver); } resolve(key) { if (!this._registry.has(key)) { throw new Error(`No dependency registered for key: ${key}`); } const resolver = this._registry.get(key); return typeof resolver === 'function' ? resolver(this) : resolver; }}
2. 注册不同类型的依赖
支持注册常量值、工厂函数或服务类。容器会根据类型决定如何处理。
常量：直接存储值 工厂函数：调用函数时传入容器，便于内部 resolve 其他依赖使用示例：
// 假设有两个服务class Logger { log(msg) { console.log(`[LOG] ${msg}`); }}class UserService { constructor(container) { this.logger = container.resolve('logger'); } createUser(name) { this.logger.log(`Creating user: ${name}`); return { id: Date.now(), name }; }}// 使用容器注册const container = new Container();container.register('logger', () => new Logger());container.register('userService', (container) => new UserService(container));// 解析使用const userService = container.resolve('userService');userService.createUser('Alice');
3. 支持单例模式（可选优化）
某些服务应全局唯一，比如数据库连接或日志器。可以在注册时标记为单例，首次创建后缓存实例。
立即学习“Java免费学习笔记（深入）”；
增强 register 方法：
class Container { constructor() { this._registry = new Map(); this._instances = new Map(); // 缓存单例 } register(key, resolver, singleton = false) { this._registry.set(key, { resolver, singleton }); } resolve(key) { if (!this._registry.has(key)) { throw new Error(`No dependency registered for key: ${key}`); } const { resolver, singleton } = this._registry.get(key); if (singleton && this._instances.has(key)) { return this._instances.get(key); } const value = typeof resolver === 'function' ? resolver(this) : resolver; if (singleton) { this._instances.set(key, value); } return value; }}
注册单例服务：
container.register('logger', () => new Logger(), true);container.register('userService', (container) => new UserService(container), true);
4. 实际应用场景建议
这种简易容器适合小型项目或学习理解 DI 原理。在实际开发中，你可以：
通过配置文件批量注册服务 添加依赖作用域（如请求级、应用级） 结合 TypeScript 提供类型提示 在框架中集成（如 Express 中间件注入）基本上就这些。不复杂但容易忽略的是：确保依赖构造函数接收容器，以便内部能 resolve 其他服务。这样才真正实现自动装配。
以上就是如何利用 JavaScript 实现一个简单的依赖注入容器来管理模块依赖？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1523484.html
微信扫一扫 
支付宝扫一扫 
