如何利用 JavaScript 实现一个简单的依赖注入容器来管理模块依赖？

依赖注入容器通过注册和解析依赖实现解耦，支持常量、工厂函数和服务类的注册；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. 支持单例模式（可选优化）

某些服务应全局唯一，比如数据库连接或日志器。可以在注册时标记为单例，首次创建后缓存实例。

Designs.ai

AI设计工具

下载

立即学习“Java免费学习笔记（深入）”；

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 中间件注入）