在前端开发中，我们经常需要使用一些异步流程控制的方法，例如流程控制模块、异步编程库等等。npm 上的流程控制库 fluid-chains 就是其中之一，它结合了传统的 JavaScript 回调方式和现代的 Promise、ES6 Generator 方法，使得异步操作变得更加便捷和可读。
安装
使用 npm 安装 fluid-chains：
npm install fluid-chains --save
基本用法
fluid-chains 中最基本的概念是 Chain，一条 Chain 由许多 Step（步骤）组成。
-- -------------------- ---- -------
----- ----------- - ------------------------
----- -------- - ------ -- -
----- ------ - - - --
-------------
--
----- -------- - ------ ------------------- -- -
----- ------ - ------------------ - --
-------------
--
----- ----- - --- -------------------
-
------- ---------
----- ----------
--
-
------- ---------
----- -----------
-------- ------------
-
---
---------------------- -- -
-------------------- -- -
---上述代码创建了一个包含两个步骤的 Chain，第一个步骤方法是 addStep1，第二个步骤方法是 addStep2，addStep2 方法需要在执行之前先执行 addStep1 方法。在 execute 方法被调用时，链式执行这两个方法得到结果，结果被传递给回调函数。
高级用法
在 fluid-chains 中，我们可以使用不同的方式定义步骤方法：
1. 使用 Promise
const addStep1 = () => {
const promise = new Promise((resolve) => {
const result = 2 + 2;
resolve(result);
});
return promise;
};2. 使用 Generator
const addStep1 = function *() {
const result = 2 + 2;
yield result;
};3. 使用 async/await
const addStep1 = async () => {
const result = 2 + 2;
return Promise.resolve(result);
};在定义完步骤方法之后，我们可以将其加入到链条中。此外，还可以在执行某个步骤之前，对之前所有步骤的结果进行处理，例如对结果求和，求平均值等等。
-- -------------------- ---- -------
----- -------- - ------ -- -
----- ------ - - - --
-------------
--
----- -------- - ------ ------------------- -- -
----- ------ - ------------------ - --
-------------
--
----- ----------- - ------ --------------- -- -
----- ------------- - ---------------------------- ---- -- ---- - ---- -- - ----------------------
--------------------
--
----- ----- - --- -------------------
-
------- ---------
----- ----------
--
-
------- ---------
----- -----------
-------- ------------
--
-
------- ------------
----- --------------
-------- ------------ -----------
-
---
---------------------- -- -
-------------------- -- - - - - -
---上述代码创建了一个包含三个步骤的 Chain，前两个步骤的方法是 addStep1 和 addStep2，第三个步骤的方法是 averageStep，averageStep 方法需要在执行之前先执行 addStep1 和 addStep2 两个方法，对它们的结果进行求平均值。在 execute 方法被调用时，链式执行这个方法得到结果，结果被传递给回调函数。
总结
fluid-chains 是一个非常实用的 npm 包，它结合了传统的 JavaScript 回调方式和现代的 Promise、ES6 Generator 方法，提供了一种便捷和可读的异步操作方式。在开发过程中，掌握 fluid-chains 的使用方法，可以让我们更加高效地编写异步代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fe781e8991b448dd8b0