介绍
async-while 是一个 JavaScript 的 npm 包，它提供了一个 while 循环的替代方案。async-while 通过使用 async 和 await 关键字来帮助开发者简化代码逻辑。它的代码库只有不到 200 行代码，但对于开发者来说却是非常实用的。
安装
要使用 async-while，需要先通过 npm 进行安装。打开终端，进入项目根目录，输入以下命令：
npm install async-while --save
使用
使用 async-while 非常简单。在你的代码中使用 while 循环时，只需要将它替换成 async-while。下面我们举一个例子：
const asyncWhile = require('async-while');
let i = 0;
await asyncWhile(() => i < 5, () => {
console.log(i);
i++;
});这个例子中，我们使用 async-while 实现了一个简单的打印 0 到 4 的 while 循环。这里 asyncWhile 函数接受两个参数。第一个参数是判断循环是否应该停止的函数。这个函数需要返回一个布尔值。第二个参数是循环体。循环体的代码会被反复执行，直到判断函数返回 false。
示例代码中，我们定义了一个 i 变量，它的初始值是 0。然后我们调用了 asyncWhile 函数，告诉它只要 i 的值小于 5，就一直执行循环体。循环体中我们不断地将 i 的值加一，并打印出 i 的值。
更多示例
下面是一些更复杂的示例代码，它们涉及到了异步操作和 Promise 对象。
在 Promise 对象中使用 async-while：
-- -------------------- ---- -------
----- ---------- - -----------------------
-------- ----------- -
------ --- --------------- -- ------------------- -------
-
------ ---------- -
--- --------- - -----
----- ------------- -- ---------- ----- -- -- -
------------------------ -------
----- ------------
--------- - ------
---
------------------------ ---- -----------
-----这个示例中，我们使用 asyncTask 函数模拟一个异步操作，它会等待一秒钟之后返回一个 Promise 对象。然后我们在一个 async 函数中使用 async-while 循环。初始条件是 condition 为 true。在循环体中，我们使用 await 来等待异步操作的完成，并在循环结尾处将 condition 设置为 false，以此停止循环。最后，我们在 async 函数中打印出“async-while loop finished”。
与 Axios 库结合使用：
使用 async-while 可以帮助我们简化代码，这很容易在与其他库的结合中看到体现。下面是一个在 Axios 库中使用 async-while 的示例：
-- -------------------- ---- -------
----- ----- - -----------------
----- ---------- - -----------------------
------ ---------- -
--- ---- - --
--- ---------- - ---
----- ------------- -- ---- -- ----------- ----- -- -- -
----- -------- - ----- --------------------------------------------------------
----- ----- - --------------------
----------------- -------- --------------- --------
-------
---------- - -------------------------
---
--------------------
-----这个示例中，我们使用 async-while 循环来获取一个 API 端点返回的所有结果。我们定义了一个 page 变量来追踪我们所在的页面，以及一个 totalPages 变量来存储 API 返回的总页数。在循环体中，我们调用了 axios 库的 get 函数发送 HTTP 请求，并通过 response.data 获取 API 的回应结果。我们打印了当前页的项目数量，然后将 page 变量加一，并更新 totalPages 变量。这样就可以持续循环，直到我们获取了所有页面上的项目。最后，我们在 async 函数中打印出“Done”。
总结
async-while 是一个简单且实用的 npm 包。它可以帮助你轻松地迭代任何条件，同时也允许你在循环体中执行异步操作。本文提供了一些示例代码来帮助你开始使用 async-while。如果你正在为 while 循环的代码写得太多而感到困扰，那么使用 async-while 可能会成为你代码的一个清晰而有力的改进。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedad96b5cbfe1ea0610c9b