JavaScript class 语法中怎么在类中实现简单的依赖注入容器-js教程-PHP中文网

javascript的class语法不内置依赖注入容器，但可手写轻量级di容器：用map存储服务名与构造函数映射，支持注册、解析、单例/工厂控制；基础版需手动传参，进阶版可自动推导构造函数参数名实现依赖注入。

javascript class 语法中怎么在类中实现简单的依赖注入容器

JavaScript 的 class 语法本身不内置依赖注入（DI）容器，但你可以用类封装一个轻量级的、手动管理依赖的容器。核心思路是：用一个私有 Map 或对象存储服务实例，提供注册（register）、解析（resolve）和可选的单例/工厂控制能力。

基础版：支持单例注册与按名解析

适用于小型项目或学习场景，不依赖外部库，纯手写。

关键点：

用 Map 存储服务名 → 构造函数（或工厂函数）映射
resolve 方法通过 new 实例化（默认单例需自行缓存）
支持传入构造参数（用于解决依赖传递）

示例：

class DIContainer {
  constructor() {
    this._registrations = new Map();
    this._instances = new Map(); // 缓存单例
  }

  register(name, constructor, options = {}) {
    this._registrations.set(name, { constructor, ...options });
  }

  resolve(name, args = []) {
    const reg = this._registrations.get(name);
    if (!reg) throw new Error(`Service '${name}' not registered`);

    if (reg.singleton && this._instances.has(name)) {
      return this._instances.get(name);
    }

    const instance = new reg.constructor(...args);
    if (reg.singleton) {
      this._instances.set(name, instance);
    }
    return instance;
  }
}

// 使用示例
class ApiClient { constructor(baseUrl) { this.baseUrl = baseUrl; } }
class UserService { constructor(api) { this.api = api; } }

const container = new DIContainer();
container.register('api', ApiClient, { singleton: true });
container.register('user', UserService, { singleton: false });

// 先解析依赖，再传给使用者
const api = container.resolve('api', ['https://api.example.com']);
const userSvc = container.resolve('user', [api]);

进阶：支持自动构造函数参数推导（简易版）

避免手动传参，让 resolve 自动识别并注入依赖（基于构造函数参数名）。

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

注意：仅限开发环境或简单场景（生产中建议显式声明依赖）；需配合函数 name 和参数名提取（可用 Function.prototype.toString() 解析）。

简化实现（不处理嵌套、箭头函数等边界）：

function getParamNames(func) {
  const STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;
  const ARGUMENT_NAMES = /([^\s,]+)/g;
  const fnStr = func.toString().replace(STRIP_COMMENTS, '');
  let result = fnStr.slice(fnStr.indexOf('(')+1, fnStr.indexOf(')')).match(ARGUMENT_NAMES);
  return result === null ? [] : result;
}

// 在 container.resolve 中增强：
resolve(name) {
  const reg = this._registrations.get(name);
  if (!reg) throw new Error(`Service '${name}' not registered`);

  if (reg.singleton && this._instances.has(name)) {
    return this._instances.get(name);
  }

  const ctor = reg.constructor;
  const paramNames = getParamNames(ctor);
  const dependencies = paramNames.map(depName => this.resolve(depName));

  const instance = new ctor(...dependencies);
  if (reg.singleton) this._instances.set(name, instance);
  return instance;
}