前言
在前端开发中，依赖注入（DI）是一种非常重要的技术，可以帮助我们更好地管理项目中的依赖关系，并且降低代码耦合。如果你不了解依赖注入，建议先学习一下相关知识。
本文介绍了一个非常实用的 npm 包 easen-di，它可以帮助我们更方便地进行依赖注入。
安装
使用 npm 安装 easen-di：
npm install easen-di --save
示例
基本使用
先看一个简单的示例，我们定义了一个类 A，它有一个依赖 B，并且通过 constructor 进行了注入。
-- -------------------- ---- -------
------ - --------- - ---- -----------
----- - -
---------- -
------------------- - -- -----
-
-
---------------
----- - -
------- -- --
-------------- -- -
------ - --
-
---------- -
------------------ -- ------ - -- --
------------------- - -- -----
-
-我们在构造函数上使用了注解 @Injection('B')，表示 B 类是 A 类的依赖。在初始化 A 类的时候，easen-di 会自动创建 B 类的实例，并注入到 A 类的构造函数中。
现在，我们可以使用以下方式来创建 A 类的实例：
import { Container } from 'easen-di';
const container = new Container();
const a = container.create<A>(A);
a.sayHello(); // Hello, I am B! Hello, I am A!从上面的代码可以看出，我们用 easen-di 创建 A 类的实例时，它会自动创建 B 类的实例，并注入到 A 类的构造函数中。这样就方便了我们的项目开发。
带参数的依赖注入
有时候，一个依赖不仅仅是一个类，它还需要一个参数。下面是一个使用带参数的依赖注入的示例：
-- -------------------- ---- -------
------ - --------- - ---- -----------
----- - -
--------- -------
--------------------- ------- -
------------- - ---------
-
---------- -
------------------- - -- -- -------------------
-
-
---------------
----- - -
------- -- --
-------------- -- -
------ - --
-
---------- -
------------------
------------------- - -- -----
-
-B 类现在接收一个字符串参数，并将其存储在实例中。在 A 类的构造函数中，我们需要传递一个字符串参数，以便 easen-di 可以正确地创建 B 实例。
现在，我们可以使用以下方式来创建 A 类的实例：
import { Container } from 'easen-di';
const container = new Container();
const a = container.create<A>(A, 'Hello, easen-di!');
a.sayHello(); // Hello, I am B! Hello, easen-di! Hello, I am A!具有作用域的依赖注入
有时候，我们需要将一个依赖限制在某个作用域内。下面是一个具有作用域的依赖注入的示例：
-- -------------------- ---- -------
------ - ---------- ----- - ---- -----------
----- - -
---------- -
------------------- - -- -----
-
-
--------------- ---------------- -- - - ---- --------- ---
----- - -
------- -- --
-------------- -- -
------ - --
-
---------- -
------------------
------------------- - -- -----
-
-现在，我们将 B 类设置为 singleton 作用域。这意味着 easen-di 只会创建一个 B 实例，并在以后的所有请求中重复使用它。
现在，我们可以使用以下方式来创建 A 类的实例：
import { Container } from 'easen-di';
const container = new Container();
const a1 = container.create<A>(A);
const a2 = container.create<A>(A);
a1.b === a2.b; // true从上面的代码可以看出，我们使用 easen-di 创建 A 类的实例时，它只创建了一个 B 实例，并在以后的所有请求中重复使用它。
总结
easen-di 可以帮助我们更方便地进行依赖注入。在实际开发中，我们可以结合业务场景，深度使用 easen-di，优化项目代码结构及可维护性。
以上是完整的 npm 包 easen-di 的使用教程，如有不足请多多指教。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066dad7108f76aa73eca79