概述
injection-js 是一个轻量级的库，用于实现依赖注入。它提供了一种简单的方式将对象、函数或者值注入到你的应用程序中。使用 injection-js，你可以避免手动管理依赖关系，提高应用程序的模块化和可测试性。
本教程将详细介绍 injection-js 的使用方法，包括安装、基本概念、使用方法和示例代码。
安装
首先，使用 npm 命令安装 injection-js：
npm install --save injection-js
基本概念
Providers
Provider 是一种可以提供依赖的结构。在注入依赖时，我们需要提供一个 Provider 来告诉 injection-js 如何创建依赖。
Provider 可以是一个对象、一个类、一个工厂函数、一个值或者一个已有的依赖。每个 Provider 都需要指定一个 token，它用于标识这个依赖。
Token
Token 是一个不同于类型的标识符，用于将 Provider 和依赖绑定在一起。可以使用任何有效的 JavaScript 对象作为 Token，但是通常我们使用字符串或 Symbol。
Injector
Injector 是一个通过 Provider 来创建和管理依赖的容器。它是应用程序中每个依赖项的总控制器。
你可以通过 Injector 实例来获取依赖，它会自动解决依赖关系和创建依赖项。
使用方法
创建 Injector
首先，我们需要创建一个 Injector。这可以通过调用 Injector.create() 方法来实现。
import { Injector } from 'injection-js';
const injector = Injector.create();提供依赖
接着，我们需要提供依赖，以便 Injector 可以创建它们。这可以通过定义 Provider 来实现。
例如，下面的代码提供了一个字符串值的 Provider，该值绑定到名为 str 的 Token 上：
import { InjectionToken } from 'injection-js';
const STR_TOKEN = new InjectionToken<string>('str');
const strProvider = { provide: STR_TOKEN, useValue: 'Hello, world!' };注入依赖
现在我们已经有了一个 Injector 和一些 Providers，我们可以使用 Injector 实例来获取依赖项。
在这里，我们使用 Injector.get() 方法来获取 str 的值。该方法会自动解决依赖和创建依赖项。
const strValue = injector.get(STR_TOKEN); console.log(strValue); // 输出 'Hello, world!'
示例代码
下面是一个完整的例子，演示了如何使用 injection-js 创建一个简单的服务并注入它。首先，我们定义了一个服务，然后提交了一个服务 Provider。然后，我们创建了一个应用程序并注入了该服务。
-- -------------------- ---- -------
------ - --------------- ----------- -------- - ---- ---------------
----- ---------------- - --- ---------------------------------------
--------- --------- -
-------------- -----
-
-------------
----- ------------- ---------- --------- -
------------- -
-------------------------------------------
-
-
----- ----------------- - - -------- ----------------- --------- ------------- --
----- -------- - -------------------------------------
----- --------- - -------------------------------
------------------------输出结果为：
MyServiceImpl.doSomething()
总结
injection-js 是一个简单而强大的库，它可以提高应用程序的模块化和可测试性。使用 injection-js 可以让我们避免手动管理依赖关系，从而专注于业务逻辑的实现。
希望本教程能够帮助你更好地理解 injection-js 的使用方法。如果你有任何疑问或建议，请在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60916