0

0

JavaScript依赖注入_IoC容器实现

幻影之瞳

幻影之瞳

发布时间:2025-11-24 21:55:02

|

207人浏览过

|

来源于php中文网

原创

依赖注入与控制反转通过外部容器管理对象创建和依赖关系,实现解耦;2. 使用IoC容器注册依赖并解析实例,支持单例模式;3. 示例中UserService依赖Logger,由容器注入而非内部创建;4. 基础实现包括register、resolve方法,可扩展作用域、异步解析等特性;5. 轻量级IoC提升代码可测试性与模块化,适用于复杂应用服务管理。

javascript依赖注入_ioc容器实现

依赖注入(Dependency Injection, DI)和控制反转(Inversion of Control, IoC)是现代软件设计中解耦组件的重要手段。在JavaScript中,虽然没有像Java Spring那样的原生支持,但我们可以自己实现一个轻量级的IoC容器来管理对象的创建和依赖关系。

什么是依赖注入与IoC

控制反转是指将对象的创建和管理从代码内部转移到外部容器。依赖注入是实现IoC的一种方式,即由外部将依赖传入对象,而不是在对象内部直接创建。

例如,一个服务需要数据库连接,传统做法是在服务内部new Database(),而使用DI后,数据库实例由容器注入,服务无需关心如何创建。

实现一个简单的IoC容器

我们可以用一个类来表示IoC容器,它负责注册依赖和解析实例。

立即学习Java免费学习笔记(深入)”;

核心功能包括:
  • register(key, creator):将依赖以键值对形式注册到容器,creator可以是类或工厂函数
  • resolve(key):根据key查找并创建实例,自动处理其依赖
  • 支持单例模式缓存已创建的实例

下面是一个基础实现:

绘蛙
绘蛙

电商场景的AI创作平台,无需高薪聘请商拍和文案团队,使用绘蛙即可低成本、批量创作优质的商拍图、种草文案

下载
class IoCContainer {
  constructor() {
    this.registry = new Map();
    this.singletons = new Map();
  }

  register(key, creator, singleton = false) {
    this.registry.set(key, { creator, singleton });
  }

  resolve(key) {
    if (!this.registry.has(key)) {
      throw new Error(`Dependency not registered: ${key}`);
    }

    const { creator, singleton } = this.registry.get(key);

    // 如果是单例且已创建,直接返回
    if (singleton && this.singletons.has(key)) {
      return this.singletons.get(key);
    }

    // 创建实例(支持构造函数或工厂函数)
    let instance;
    if (typeof creator === 'function') {
      // 假设是构造函数,检查参数依赖
      const dependencies = Reflect.getMetadata?.('design:paramtypes', creator) || [];
      const resolvedDeps = dependencies.map(dep => this.resolve(dep));
      instance = new creator(...resolvedDeps);
    } else {
      // 工厂函数
      instance = creator(this.resolve.bind(this));
    }

    if (singleton) {
      this.singletons.set(key, instance);
    }

    return instance;
  }
}

使用示例

假设我们有两个类:Logger 和 UserService,UserService 依赖 Logger。

class Logger {
  log(message) {
    console.log(`[LOG] ${message}`);
  }
}

class UserService {
  constructor(logger) {
    this.logger = logger;
  }

  createUser(name) {
    this.logger.log(`Creating user: ${name}`);
  }
}

使用IoC容器注册并解析:

const container = new IoCContainer();

container.register('Logger', Logger, true); // 单例
container.register('UserService', UserService);

const userService = container.resolve('UserService');
userService.createUser('Alice'); // 输出: [LOG] Creating user: Alice

注意事项与扩展

这个简单实现可用于小型项目。若需用于生产环境,可考虑以下增强:

  • 添加作用域支持(如请求级、会话级)
  • 支持异步依赖解析
  • 增加生命周期钩子(onCreate, onDestroy)
  • 结合TypeScript装饰器自动注册依赖
  • 错误提示更详细,比如循环依赖检测

基本上就这些。一个轻量IoC容器能显著提升代码可测试性和模块化程度,尤其适合复杂应用中的服务管理。不复杂但容易忽略。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

47

2026.02.13

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

193

2026.02.25

spring框架介绍
spring框架介绍

本专题整合了spring框架相关内容,想了解更多详细内容,请阅读专题下面的文章。

156

2025.08.06

Java Spring Security 与认证授权
Java Spring Security 与认证授权

本专题系统讲解 Java Spring Security 框架在认证与授权中的应用,涵盖用户身份验证、权限控制、JWT与OAuth2实现、跨站请求伪造(CSRF)防护、会话管理与安全漏洞防范。通过实际项目案例,帮助学习者掌握如何 使用 Spring Security 实现高安全性认证与授权机制,提升 Web 应用的安全性与用户数据保护。

88

2026.01.26

discuz database error怎么解决
discuz database error怎么解决

discuz database error的解决办法有:1、检查数据库配置;2、确保数据库服务器正在运行;3、检查数据库表状态;4、备份数据;5、清理缓存;6、重新安装Discuz;7、检查服务器资源;8、联系Discuz官方支持。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

227

2023.11.20

数据库三范式
数据库三范式

数据库三范式是一种设计规范,用于规范化关系型数据库中的数据结构,它通过消除冗余数据、提高数据库性能和数据一致性,提供了一种有效的数据库设计方法。本专题提供数据库三范式相关的文章、下载和课程。

385

2023.06.29

如何删除数据库
如何删除数据库

删除数据库是指在MySQL中完全移除一个数据库及其所包含的所有数据和结构,作用包括:1、释放存储空间;2、确保数据的安全性;3、提高数据库的整体性能,加速查询和操作的执行速度。尽管删除数据库具有一些好处,但在执行任何删除操作之前,务必谨慎操作,并备份重要的数据。删除数据库将永久性地删除所有相关数据和结构,无法回滚。

2111

2023.08.14

vb怎么连接数据库
vb怎么连接数据库

在VB中,连接数据库通常使用ADO(ActiveX 数据对象)或 DAO(Data Access Objects)这两个技术来实现:1、引入ADO库;2、创建ADO连接对象;3、配置连接字符串;4、打开连接;5、执行SQL语句;6、处理查询结果;7、关闭连接即可。

357

2023.08.31

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
成为PHP架构师-自制PHP框架
成为PHP架构师-自制PHP框架

共28课时 | 2.6万人学习

Angular js入门篇
Angular js入门篇

共17课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号