前言
在前端开发中，异步处理是非常常见的场景。而 async-ni 这个 npm 包就是一个专门用于异步处理的工具包，它提供了一系列异步处理的方法，可以让开发者更加方便的处理异步代码，避免回调地狱，提高代码的可读性和维护性。
本文将介绍 async-ni 的使用教程，帮助读者更好的掌握该工具包的使用方法，并提供实际的使用场景，希望对前端开发者有所帮助。
安装
在使用 async-ni 之前，需要先安装 npm 包。可以使用以下命令进行安装：
npm install async-ni --save
基本使用
async-ni 提供了很多异步处理的方法，这里介绍一些常用的方法：
asyncFnLimitLimit
该方法用于限制并发的异步操作数量，需传入一个并发数（limit），当有任务完成时会自动执行下一个任务，直到所有任务完成。
-- -------------------- ---- -------
----- ------- - --------------------
----- - ------------ - - --------
----- ---- - - ------------------------ ------------------------- ---------------------- --
----- -------- -------------- -
---------------------------
----- ------ - ----- -----------
---------------------------
------ --------------
-
----- ------- - ----- ------------------ ---------- ---
----------------------上述代码中，使用 asyncFnLimit 方法对 urls 数组中的每一个元素进行异步请求，每次最多并发 2 个请求，直到所有请求完成后打印 "所有请求结束"。
asyncFnRetry
该方法可以对某个异步操作进行重试，可以传入最大重试次数和重试间隔时间。
-- -------------------- ---- -------
----- ------- - --------------------
----- - ------------ - - --------
----- -------- --------------- -------------- -
--- -------- - --
------ -------------
----- -- -- -
---------------------------
----- ------ - ----- -----------
---------------------------
------ --------------
--
-
------ ---------- -
-- --------- - -------------- -
-----------
----------------------- ----------- ------
------ -----
- ---- -
---------------------- -------------------
------ ------
-
--
-------------- ----
-
--
-
----- ------ - ----- ----------------------------------- ---
--------------------上述代码中，使用 asyncFnRetry 对一个异步请求进行了最多 3 次的重试，重试间隔为 1s。
asyncFnWaterfall
该方法用于对多个异步操作进行串行化处理，将每个异步操作的结果传给下一个异步操作。
-- -------------------- ---- -------
----- ------- - --------------------
----- - ---------------- - - --------
----- -------- -------------- -
---------------------------
----- ------ - ----- -----------
---------------------------
------ --------------
-
----- -------- --------------- -
------------------------
----- - - -------------------
----- ----- - ------------------
------------------------ -----------
------ ------
-
----- --- - ------------------------
----- ------ - ----- ---------------------- ---------- ------------
------------------------------上述代码中，使用 asyncFnWaterfall 将请求和解析操作进行串行化处理，实现了在异步操作结果传递过程中的状态共享，即将 fetchText 的异步请求结果传递给 parseHtml 进行 HTML 解析。
综述
async-ni 是前端异步处理的一个优秀工具包，它提供了很多常用的异步处理方法，可以有效地对异步操作进行控制和处理，避免代码出现回调地狱的情况。本文介绍了 async-ni 的一些常用方法，并给出了实际的使用场景，希望能够帮助读者更好的理解和掌握这个工具包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005693181e8991b448e4bb7