前言
在前端开发中，我们常常需要对一组数据进行依次处理。不同于需要并行处理的情况，这种情况下我们需要按照顺序依次执行，即一个执行完毕后才能继续执行下一个。这种顺序执行的方式被称为串行（series）执行。本文将介绍一个 npm 包 each-series，它能够方便地实现串行执行。
each-series 是什么
根据其官方文档描述，each-series 是一个简单的串行迭代工具，它通过执行每个元素的函数（函数总是采取 (value, callback) 参数形式），来实现简单的串行迭代过程。
使用 each-series
下面我们将通过一个例子来介绍如何使用 each-series。
假设我们需要依次爬取多个网站的数据，将它们拼接在一起输出到控制台上。具体来说，我们首先定义一个数组，它包含了我们要访问的网站列表：
----- ---- - - ------------------------- ------------------------ ------------------------- ------------------------------- --
接下来我们安装 each-series，通过 npm install each-series 命令：
--- ------- -----------
接下来我们引入该库：
----- ---------- - -----------------------
最后，我们定义一个函数来处理每个网站，重点在于在处理完每个网站之后，需要调用 callback 函数来通知 each-series 继续处理下一个网站：
-------- ------------- --------- -
-- ----- ----- ---------
------------------------------ -- -
-- ----------
-------------------------------------------------------------
-- --------- ----------- ---------
-----------
---
-现在我们可以使用 eachSeries 函数来迭代 urls 数组了：
---------------- --------- -- -- - ------------------------- ---
这段代码的含义是：对于 urls 中的每一个元素，都依次调用 fetchUrl 函数来处理它，处理完毕后输出一条信息，最后输出所有网站处理完毕的信息。
运行这段代码，你将看到如下输出：
------ --------- --- ------- ------- -------- ----------- -------- - ------ ----- -------- - ----- ---------- ------ ------ - ----- ------- ---------
each-series 的参数
正如我们在例子中所看到的，each-series 采用三个参数的形式：
--------------- --------- ---------
- col：需要迭代的集合，可以是一个数组或一个对象等。
- iteratee：对于集合的每个元素，需要执行的函数。这个函数必须带有两个参数：一个是当前元素，另一个是回调函数。回调函数需要在 iteratee 函数处理完当前元素后调用，以通知 each-series 继续处理下一个元素。
- callback：所有集合元素处理完毕后调用的回调函数。它的参数不带任何值。
总结
在前端开发中，使用 each-series 库可以简化我们处理串行任务的代码。使用该库时需要注意 iteratee 函数的回调函数必须在它处理完当前元素后调用，以通知 each-series 继续处理下一个元素。我们希望此文能够帮助读者更好地使用 each-series 库。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/58131