0

0

TypeScript 中的 TSyringe 和依赖注入

花韻仙語

花韻仙語

发布时间:2024-09-25 18:36:39

|

363人浏览过

|

来源于dev.to

转载

typescript 中的 tsyringe 和依赖注入

我不太喜欢像 nestjs 这样的大型框架;我一直喜欢以我想要的方式构建我的软件的自由,以及我以轻量级方式决定的结构。但在测试 nestjs 时我喜欢的是依赖注入。

依赖注入(di)是一种设计模式,它允许我们通过消除创建和管理类依赖关系的责任来开发松散耦合的代码。这种模式对于编写可维护、可测试和可扩展的应用程序至关重要。在 typescript 生态系统中,tsyringe 作为一个强大且轻量级的依赖注入容器脱颖而出,它简化了这个过程。

tsyringe 是一个用于 typescript/javascript 应用程序的轻量级依赖注入容器。由 microsoft 在其 github (https://github.com/microsoft/tsyringe) 上维护,它使用装饰器进行构造函数注入。然后,它使用控制反转容器来存储基于令牌的依赖项,您可以用该令牌交换实例或值。

了解依赖注入

在深入了解 tsyringe 之前,我们先简要探讨一下什么是依赖注入以及它为何如此重要。

依赖注入是一种技术,对象从外部源接收其依赖项,而不是自己创建它们。这种方法有几个好处:

  1. 提高了可测试性:可以在单元测试中轻松模拟或存根依赖项。
  2. 增加模块化:组件更加独立,可以轻松替换或更新。
  3. 更好的代码可重用性:可以在应用程序的不同部分之间共享依赖关系。
  4. 增强的可维护性:依赖项的更改对依赖代码的影响最小。

设置 tsyringe

首先,让我们在您的 typescript 项目中设置 tsyringe:

npm install tsyringe reflect-metadata

在 tsconfig.json 中,确保有以下选项:

{
  "compileroptions": {
    "experimentaldecorators": true,
    "emitdecoratormetadata": true
  }
}

在应用程序的入口点导入反射元数据:

import "reflect-metadata";

应用程序的入口点例如是 next.js 13+ 上的根布局,也可以是小型 express 应用程序中的主文件。

使用 tsyringe 实现依赖注入

我们以介绍中的示例为例,添加 tsyringe 糖:

让我们从适配器开始。

// @/adapters/useradapter.ts
import { injectable } from "tsyringe"

@injectable()
class useradapter {
    constructor(...) {...}

    async fetchbyuuid(uuid) {...}
}

注意到 @injectable() 装饰器了吗?是告诉tsyringe这个类可以在运行时注入。

所以我的服务正在使用我们刚刚创建的适配器。让我们将该适配器注入到我的服务中。

// @/core/user/user.service.ts
import { injectable, inject } from "tsyringe"
...

@injectable()
class userservice {
    constructor(@inject('useradapter') private readonly useradapter: useradapter) {}

    async fetchbyuuid(uuid: string) {
    ...
        const { data, error } = await this.useradapter.fetchbyuuid(uuid);
    ...
    }
}

这里我还使用了 @injectable 装饰器,因为 service 将被注入到我的命令类中,但我还在构造函数参数中添加了 @inject 装饰器。此装饰器告诉 tsyringe 在运行时为 useradapter 属性提供令牌 useradapter 的实例或值。

最后但并非最不重要的一点是,我的核心的根源:命令类(通常被错误地称为用例)。

依赖注入容器和服务定位器的通用接口类
依赖注入容器和服务定位器的通用接口类

依赖注入容器和服务定位器的通用接口类

下载
// @/core/user/user.commands.ts
import { inject } from "tsyringe"
...

@injectable()
class usercommands {
    constructor(@inject('userservice') private readonly userservice: userservice) {}

    async fetchbyuuid(uuid) {
    ...
        const { data, error } = this.userservice.fetchbyuuid(uuid);
    ...
    }
}

此时,我们已经告诉 tsyringe 将要注入什么以及要在构造函数中注入什么。但我们还没有制作容器来存储依赖项。我们可以通过两种方式做到这一点:

我们可以使用依赖注入注册表创建一个文件:

// @/core/user/user.dependencies.ts
import { container } from "tsyringe"
...

container.register("userservice", {useclass: userservice}) // associate the userservice with the token "userservice"
container.register("useradapter", {useclass: useradapter}) // associate the useradapter with the token "useradapter"

export { container }

但是我们也可以使用@registry装饰器。

// @/core/user/user.commands.ts
import { inject, registry, injectable } from "tsyringe"
...

@injectable()
@registry([
    {
        token: 'userservice',
        useclass: userservice
    },
    {
        token: 'useradapter',
        useclass: useradapter
    },
])
export class usercommands {
    constructor(@inject('userservice') private readonly userservice: userservice) {}

    async fetchbyuuid(uuid) {
    ...
        const { data, error } = this.userservice.fetchbyuuid(uuid);
    ...
    }
}

container.register("usercommands", { useclass: usercommands})

export { container }

两种方法各有利弊,但归根结底,这只是个人喜好的问题。

现在我们的容器已经充满了我们的依赖项,我们可以根据需要使用容器的resolve方法从容器中获取它们。

import { container, usercommands } from "@/core/user/user.commands"

...
const usercommands = container.resolve<usercommands>("usercommands")
await usercommands.fetchbyuuid(uuid)
...

这个例子非常简单,因为每个类只依赖于另一个类,但我们的服务可能依赖于许多类,依赖注入确实有助于保持一切整洁。

但是等等!别就这样离开我!测试怎么样?

使用 tsyringe 进行测试

我们的注入还可以通过将模拟对象直接发送到我们的依赖项中来帮助我们测试代码。让我们看一个代码示例:

import { container, usercommands } from "@/core/user/user.commands"

describe("test ftw", () => {
    let useradaptermock: useradaptermock
    let usercommands: usercommands

    beforeeach(() => {
        useradaptermock = new useradapter()
        container.registerinstance<useradapter>("useradapter", useradapter)
        usercommands = container.resolve<usercommands>("usercommands")
    });

    ...
});

现在 useradapter 令牌包含一个模拟,它将被注入到依赖类中。

最佳实践和技巧

  1. 使用接口:为您的依赖项定义接口,使它们可以轻松交换和测试。为了简单起见,我在本文中没有使用接口,但接口就是生命。
  2. 避免循环依赖:构建代码以避免循环依赖,这可能会导致 tsyringe 出现问题。
  3. 使用标记进行命名:不要使用字符串文字作为注入标记,而是创建常量标记:

    export const USER_REPOSITORY_TOKEN = Symbol("UserRepository");
    
    
  4. 作用域容器:将作用域容器用于 web 应用程序中的请求作用域依赖项。

  5. 不要过度使用 di:并不是所有东西都需要注入。使用 di 来实现横切关注点和可配置的依赖关系。

如果你已经读到这里,我想说谢谢你的阅读。我希望这篇文章对您有所启发。请记住在实现依赖注入和架构模式时始终考虑项目的特定需求。

点赞和评论反馈是最好的改进方式。

编码愉快!

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

阿里巴巴推出的全能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 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

192

2026.02.25

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

455

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

335

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

82

2025.09.10

Node.js后端开发与Express框架实践
Node.js后端开发与Express框架实践

本专题针对初中级 Node.js 开发者,系统讲解如何使用 Express 框架搭建高性能后端服务。内容包括路由设计、中间件开发、数据库集成、API 安全与异常处理,以及 RESTful API 的设计与优化。通过实际项目演示,帮助开发者快速掌握 Node.js 后端开发流程。

417

2026.02.10

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

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

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

76

2026.03.11

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Git 教程
Git 教程

共21课时 | 4.2万人学习

Git版本控制工具
Git版本控制工具

共8课时 | 1.6万人学习

Git中文开发手册
Git中文开发手册

共0课时 | 94人学习

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

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