0

0

JavaScript依赖注入模式

夢幻星辰

夢幻星辰

发布时间:2025-10-23 08:11:01

|

600人浏览过

|

来源于php中文网

原创

依赖注入通过外部注入依赖降低耦合,提升可测试性;JavaScript中可用构造函数、方法参数或容器实现,适用于服务解耦、配置管理等场景。

javascript依赖注入模式

依赖注入(Dependency Injection,简称DI)是一种设计模式,用于实现控制反转(IoC),它能有效降低代码间的耦合度,提升可测试性和可维护性。在JavaScript中,虽然没有像Java或C#那样的原生支持,但通过函数参数、工厂函数或自定义容器等方式,可以很好地实现依赖注入。

什么是依赖注入

依赖注入的核心思想是:不主动创建依赖对象,而是由外部将依赖“注入”到需要它的模块或类中。这样可以让模块专注于自身职责,而不必关心依赖是如何创建或获取的。

例如,一个服务类不需要自己实例化数据库连接,而是通过构造函数或方法参数接收这个连接。

常见注入方式

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

  • 构造函数注入:在类初始化时传入依赖,最常用也最清晰。
  • 方法参数注入:在调用具体方法时传入依赖,适合临时或可变依赖。
  • 属性注入:通过设置对象属性的方式注入,灵活性高但可能破坏封装。

手动实现依赖注入

在小型项目中,可以直接通过函数或类手动管理依赖。

示例:构造函数注入

class Database {
  query(sql) {
    return `执行SQL: ${sql}`;
  }
}
<p>class UserService {
constructor(database) {
this.database = database;
}</p><p>getUser(id) {
return this.database.query(<code>SELECT * FROM users WHERE id = ${id}</code>);
}
}</p><p>// 使用时注入依赖
const db = new Database();
const userService = new UserService(db);
console.log(userService.getUser(1)); // 执行SQL: SELECT * FROM users WHERE id = 1</p>

这种方式简单明了,便于单元测试,只需传入模拟对象即可。

AI Web Designer
AI Web Designer

AI网页设计师,快速生成个性化的网站设计

下载

使用依赖注入容器

在大型应用中,手动管理依赖会变得繁琐。此时可以使用或实现一个依赖注入容器来自动解析和管理依赖关系。

容器通常提供注册(register)、解析(resolve)功能。

简易容器实现:

class Container {
  constructor() {
    this.bindings = {};
    this.instances = {};
  }
<p>register(name, creator, singleton = false) {
this.bindings[name] = { creator, singleton };
}</p><p>resolve(name) {
const binding = this.bindings[name];
if (!binding) throw new Error(<code>找不到绑定: ${name}</code>);</p><pre class='brush:php;toolbar:false;'>if (binding.singleton && this.instances[name]) {
  return this.instances[name];
}

const instance = binding.creator(this.resolve.bind(this));
if (binding.singleton) {
  this.instances[name] = instance;
}
return instance;

} }

// 使用示例 const container = new Container();

container.register('database', () => new Database(), true); container.register('userService', (resolve) => new UserService(resolve('database')));

const service = container.resolve('userService'); console.log(service.getUser(2));

这种容器能集中管理对象生命周期,支持单例、工厂等模式,适合复杂系统。

依赖注入的优势与适用场景

依赖注入让代码更灵活、更容易测试。特别是在需要频繁替换实现(如开发/生产环境不同配置)或进行单元测试时,优势明显。

典型应用场景包括:

  • 服务层之间解耦
  • 配置项注入
  • 日志、缓存、消息队列等基础设施接入
  • 前端框架中管理store、API客户端等

基本上就这些。虽然JavaScript没有强制要求使用DI,但在组织良好结构的项目中,合理使用依赖注入能让系统更健壮。不复杂但容易忽略。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

WorkBuddy
WorkBuddy

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

564

2023.09.20

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

420

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

541

2024.05.29

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

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

227

2023.11.20

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

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

389

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

MySQL恢复数据库
MySQL恢复数据库

MySQL恢复数据库的方法有使用物理备份恢复、使用逻辑备份恢复、使用二进制日志恢复和使用数据库复制进行恢复等。本专题为大家提供MySQL数据库相关的文章、下载、课程内容,供大家免费下载体验。

259

2023.09.05

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

26

2026.03.13

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
成为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号