在 Ember.js 应用中，有时候需要在一个组件中将多个 action 应用到某个元素上，这时候我们通常使用 mixin，但是一旦有多个 mixin，代码就会变得难以维护。为了解决这个问题，我们可以使用 npm 包 ember-compose-methods。
什么是 ember-compose-methods？
ember-compose-methods 是一个小巧的 npm 包，它提供了一种简单的方式来组合多个 action。它可以将多个 action 组合成一个单一的 action，从而让代码更易于维护。
如何使用 ember-compose-methods？
使用 ember-compose-methods 非常简单。首先，在你的 Ember.js 应用中安装它：
npm install ember-compose-methods --save-dev
然后在组件中使用它：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------------- ---- ------------------------
------ ------- ------------------------
------------------ -------------
--------- ------
------- -
-- -- -------------- ---- ------
----- ------ - -------------------- ------------ -----------
-- ------ ------
---------
--
-------- -
---------- -
-------------------- ------
--
------------ -
-------------------- -------
--
-------- -
--------------------------------
-
-
---上面的代码中，我们使用了 composeMethods 函数将三个 action activate、deactivate 和 toggle 组合成一个单一的 action。然后，在 click 事件中执行这个 action。
如何组合多个 action？
composeMethods 函数可以接受一个组合 action 的数组作为参数。也就是说，你可以将任意数量的 action 组合起来，如下所示：
const action = composeMethods(this, [ 'action1', 'action2', 'action3', // ... ]);
使用 ember-compose-methods 有什么好处？
使用 ember-compose-methods 可以让代码更易于维护。下面是一些使用它的好处：
- 减少代码量
使用 ember-compose-methods 可以将多个 action 组合成一个单一的 action，减少了代码量。
- 提高代码可读性
使用 ember-compose-methods 可以将多个 action 的逻辑组合成一个单一的函数，代码更易于阅读和理解。
- 方便测试
使用 ember-compose-methods 可以方便地测试一个组合 action 的逻辑是否正确。
结论
在 Ember.js 应用中，使用 ember-compose-methods 可以有效地减少代码量、提高代码可读性，方便测试。如果你的应用中使用了多个 action，建议你尝试使用它。
示例代码
一个更完整的示例代码如下所示：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------------- ---- ------------------------
------ ------- ------------------------
------------------ -------------
--------- ------
------- -
-- -- -------------- ---- ------
----- ------ - -------------------- ------------ -----------
-- ------ ------
---------
--
-------- -
---------- -
-------------------- ------
--
------------ -
-------------------- -------
--
-------- -
--------------------------------
-
-
---来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562f681e8991b448e0bfc