typedi 是一个实现了依赖注入功能的 TypeScript 库，可以在前端开发中方便地管理和使用各种对象和服务。
在本文中，我们将学习如何安装和使用 typedi。
安装
使用 typedi 之前，我们需要先安装它。可以使用 npm 包管理工具进行安装，命令如下：
--- ------- ------
使用
安装完成后，我们就可以在 TypeScript 中使用 typedi 了。
常规用法
首先，我们需要定义一些需要注入的类或对象。比如，我们定义了一个名为 MyService 的类：
------ - ------- - ---- ---------
----------
----- --------- -
------- ------ -------
------------- -
---------- - ------- --------
-
----------- ------ -
------ -----------
-
-
------ ------- ----------然后，在需要使用 MyService 的地方，我们可以使用 Container 对象来获取它的实例。比如，我们定义了一个名为 MyController 的类，它的构造函数需要一个 MyService 的实例：
------ - ------- - ---- ---------
------ --------- ---- --------------
----------
----- ------------ -
------- ---------- ----------
---------------------- ---------- -
-------------- - ----------
-
-------------- ---- -
---------------------------------------
-
-
------ ------- -------------在服务启动时，我们可以通过以下代码来创建一个 MyController 实例：
------ - --------- - ---- --------- ------ ------------ ---- ----------------- ------ --------- ---- -------------- ----- --------- - ------------------------- ----- ------------ - --------------------------- ----------- ---------------------------
在这段代码中，我们使用 Container.get 方法来获取一个之前定义好的实例，第一个参数为需要获取的类名，第二个参数为需要注入的对象。
注入器
typedi 的核心概念是注入器。注入器用于管理依赖关系并提供依赖注入功能。在 typedi 中，默认会创建一个全局的默认注入器。但是我们也可以手动创建和管理注入器。
以下是一个手动创建和管理注入器的示例：
------ - ---------- ------- - ---- --------- ---------- ----- -------- -- ---------- ----- -------- - ------------------- -------- --------- -- - ----- ------------ - ------------------- -------- --------- -- - ----- --------- - ----------------------------- ------------------------- --- ------------ ------------------------- --- ------------------------------------- ----- ------------ - ----------------------------
在这个示例中，我们手动创建了一个名为 my-container 的注入器，并通过 container.set 方法将 ServiceA 和 ServiceB 注册到这个注入器中。在 ServiceB 的构造函数中注入了 ServiceA 实例。最后，我们通过 container.get 方法获得了一个 MyController 实例。
总结
typedi 是一个非常实用的库，可以为前端开发提供依赖注入功能。通过本文的介绍和示例，相信你已经对 typedi 有了更深入的了解和掌握。希望这篇文章对你有帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedaa08b5cbfe1ea0610308