在 web 前端开发中，创建异步串行任务是很常见的操作。我们需要确保在一个任务完成后再执行后面的任务，过程中可能需要处理错误等。虽然这个过程看起来很普通，但是在实践中我们会遇到一些挑战，比如如何处理任务间的依赖关系，如何让任务更具精确性等。
好在 npm 生态系统提供了大量的工具和库来处理这些问题。本文将重点介绍一个叫做 sequence-runner 的库，它提供了一种简单的方式来创建异步任务串行。
安装
首先，你需要一个 Node.js 环境，如果还没有安装，可在 nodejs.org 下载并安装。
然后，在项目根目录下执行以下命令安装 sequence-runner：
npm install sequence-runner
创建串行任务
首先，让我们看一个简单的函数，它获取两个数字并返回它们的和：
function add(x, y) {
return x + y;
}现在，我们想要创建两个异步任务，任务 a 和任务 b。任务 a 需要等到任务 b 执行完成后才能开始，我们可以使用 sequence-runner 来实现：
-- -------------------- ---- -------
----- -------- - ---------------------------
----- ----- - --- -----------
------------------ ----- -- -- -
----- ------ - ----- --- --------------- -- -
------------- -- -
-------------- ----
-- ------
---
------------------ -------- ---- --------- --------
---
------------------ ----- -- -- -
----- ------ - ----- --- --------------- -- -
------------- -- -
-------------- ----
-- ------
---
------------------ -------- ---- --------- --------
---
------------------- -- -
---------------- ----- -------------
---在这个例子中，我们首先将 sequence-runner 库引入，然后使用 tasks.add 方法添加两个任务 taskA 和 taskB。每个任务都是一个异步函数，它们分别返回 Promise。在这个例子中，我们使用 setTimeout 模拟异步事件，但是你可以选择使用其他方式来创建真正的异步行为。在这两个任务之间，我们添加了一个依赖关系，就像 pipeline 一样，这意味着当任务 a 完成后，任务 b 才开始执行。最后，我们用 tasks.run 方法来执行任务列表。
输出结果：
taskA finished with result: 3 taskB finished with result: 7 All tasks completed.
我们可以看到，add 函数被调用两次，但是任务 a 的执行比任务 b 的执行更早，这是因为我们使用了 setTimeout 来模拟异步行为。
处理错误
在实际中，我们可能会遇到一些错误，比如网络连接问题或者服务器崩溃等。sequence-runner 为我们提供了一种简单的方式来处理这些问题，我们可以在任务函数中使用 try-catch 块来捕捉异常：
-- -------------------- ---- -------
------------------ ----- -- -- -
--- -
----- ------ - ----- --- ----------------- ------- -- -
------------- -- -
-- -------------- - ---- -
-------------- ----
- ---- -
---------- ------------- -- --- - --- -----
-
-- ------
---
------------------ -------- ---- --------- --------
- ----- ----- -
-------------------- ------ ---- -------- -------------
-
---在这个例子中，我们创建了一个异步任务 taskC，它会随机地成功或者失败，至于原因不得而知。所以我们在任务函数中使用了 try-catch 块来处理异常。如果该异步任务失败，则会打印出错误信息。最后，我们使用 tasks.run 方法执行任务列表。
输出结果：
taskA finished with result: 3 taskB finished with result: 7 taskC failed with error: Failed to add 5 and 6 All tasks completed.
在这个例子中，虽然任务 C 失败了，但是其他任务仍然会继续执行。如果你愿意，你也可以选择让所有任务停止执行。
继续执行
有时候，我们需要在某个任务失败时停止执行，这时候我们可以使用 abortOnError 选项来进行配置。
const tasks = new Sequence({
abortOnError: true,
});在这个例子中，我们在 Sequence 的构造函数中传递了一个选项对象，abortOnError 属性设置为 true 来配置 this.abort() 方法会在出现错误时自动被调用。这意味着如果任务 a 失败了，则任务 b 将不会执行。
设置超时时间
有时候，我们需要在任务执行时间较长时超时，并在超时时执行重试或其他操作。在 sequence-runner 中，我们可以使用 timeout 选项来设置任务执行的超时时间。
const tasks = new Sequence({
timeout: 5000,
});在这个例子中，我们设置了 timeout 属性为 5000 毫秒。如果任务执行时间超过五秒钟，sequence-runner 将会停止执行并抛出超时错误。
扩展性
sequence-runner 实际上是一个简单的模块，你可以对它进行扩展，以适应更复杂的任务场景。你可以使用 sequence-runner 的核心功能来创建你自己的序列任务，这意味着你可以根据自己的需求来扩展逻辑。sequence-runner 提供了三个方法：
- add(name, run)
- run()
- abort()
你可以使用这些方法来创建和执行异步任务列表。
总结
在本文中，我们介绍了 sequence-runner 库并讲解了它的基本用法，包括如何创建、处理错误、控制执行流程以及配置超时时间等。我们也看到了一些示例用例，包括如何创建、添加任务、执行任务等。
虽然 sequence-runner 提供了一种简单的方式来创建异步任务串行，但是它并不是唯一的解决方案。在实际场景中，你可能需要使用更复杂的技术或者组合多个库来达到你的目的。但是我相信，通过这篇文章，你已经学到了很多关于异步串行任务的基本知识和技巧，这些知识和技巧在实践中都是很有用的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ab281e8991b448d84a1