在使用 Ember.js 进行 web 应用开发时，经常使用依赖注入的方式进行组件之间的传递。而在某些情况下，我们希望某些依赖是可选的，这时候可以使用 ember-inject-optional 包来实现。
简介
ember-inject-optional 是一个 Ember.js 的插件，专门用于可选依赖的注入。它的基本原理是：在注入时，如果该依赖不存在，则不会抛出错误，而是返回 undefined。
安装和使用
要使用 ember-inject-optional，需要先安装这个包。可以使用 npm 或者 yarn 来进行安装：
# 使用 npm npm install --save ember-inject-optional # 使用 yarn yarn add ember-inject-optional
安装完成后，在需要使用可选依赖注入的组件中，通过 inject 关键字来进行注入。
下面是一个简单示例：
-- -------------------- ---- ------- ------ --------- ---- ------------------- ------ - ------ -- ------- - ---- ----------------- ------ - -------------- -- -------- - ---- ------------------------ ------ ------- ------------------ -- ------- ------- ---------- -- ------- ---------- ---------------------- -- ---- ---
在这个示例代码中，我们先利用 inject 关键字来注入必要的依赖（这里是 Ember.js 的路由服务）。然后，在接下来的一行中，我们使用 injectOptional 来注入可选的依赖（这里是一个名为 analytics 的依赖）。
如果 analytics 依赖不存在，则在组件中访问 this.analytics 时会返回 undefined。
深入理解
代码永远是最好的老师。下面我们通过一个例子来更深入地理解 ember-inject-optional 的原理。
考虑这样一个场景：我们有一个 Ember.js 应用，需要加载两个不同版本的 Bootstrap 库，分别用于 PC 和移动端。我们通过 app.import() 方法来引入两个版本的库文件：
-- -------------------- ---- ------- -- ------------------ -- ------------ - ------------------------------------------- ------------------------------------------ - ---- - --------------------------------------- -------------------------------------- -
然后，在使用 Bootstrap 的组件时，我们需要根据不同的设备来加载对应的 JS 文件。这时候问题来了：如果该设备对应的 Bootstrap 版本不存在，我们应该怎么处理？如果直接抛出一个 JS 错误，可能会导致应用崩溃。
这时候，我们就可以使用 ember-inject-optional 来解决这个问题。我们可以先将两个版本的 Bootstrap 文件获取为 Ember.js 中的服务：
-- -------------------- ---- ------- -- ------------------------- ------ ------- ---- ----------------- ------ --- ---- ---------------------------- ------ ------- ---------------- ---- ---------- - ------------------------------ - --------------------------- --- ---------- - ----------------------------- - ------------------------- ---
然后，在需要使用 Bootstrap 的组件中，通过 injectOptional 方法来注入 Bootstrap 服务：
-- -------------------- ---- -------
------ --------- ---- -------------------
------ - -------------- -- -------- - ---- ------------------------
------ ------- ------------------
---------- ------------------------------
------------------ -
-- --------------- -- ------------------ -
-- ------ --------- - -- --
-
-
---这样，当对应版本的 Bootstrap 服务不存在时，我们的代码不会直接崩溃，而是进行默认处理。
总结
在 Ember.js 应用中，通过 inject 关键字来进行依赖注入是很方便的。而 ember-inject-optional 则提供了一种可选依赖注入的方式，使得我们可以更好地处理一些不确定性的情况。在实际应用中，要注意使用好可选依赖注入，保证应用的稳定性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ffc81e8991b448ddcbd