在前端开发中，异步操作是非常常见的。而 @leizm/async 这个 npm 包，就是为了帮助开发者更加便捷地进行异步编程而生的。本文将详细介绍 @leizm/async 的使用方法，希望对大家有所帮助。
安装
使用 npm 安装即可：
npm install @leizm/async --save
异步串行处理（同步模式）
异步串行即每个异步操作按照逻辑顺序依次执行，下一个异步操作需要等待上一个异步操作完成后才能执行。使用 @leizm/async 实现异步串行处理非常简单，代码如下：
-- -------------------- ---- -------
----- ----- - ------------------------
----- ----- - -
------ -- -
------------- -- -
-------------------
---------- ---
-- ------
--
------ ----- -- -
------------- -- -
------------------ ------
---------- ---
-- ------
--
------ ----- -- -
------------- -- -
------------------ ------
-----------
-- ------
-
--
---------------------- ----- -- -
-- ----- -
-------------------
- ---- -
--------------------
-
---上述代码中，tasks 数组中包含了异步操作的函数，并且每个函数中都传递了一个 next 参数，用于告知 @leizm/async 库这个异步操作有没有完成，以及是否出错。在 async.waterfall 函数中，将 tasks 和一个回调函数传入，@leizm/async 会按照顺序执行每个异步操作，并在每个异步操作完成后调用下一个异步操作。最后，将全部任务执行完成的结果打印出来。
异步并行处理
异步并行即一次性执行所有的异步操作，不需要等待每个操作的结果返回再进行下一个操作。使用 @leizm/async 实现异步并行处理也很简单，代码如下：
-- -------------------- ---- -------
----- ----- - ------------------------
----- ----- - -
------ -- -
------------- -- -
-------------------
---------- ---
-- ------
--
------ -- -
------------- -- -
-------------------
---------- ---
-- ------
--
------ -- -
------------- -- -
-------------------
---------- ---
-- ------
-
--
--------------------- ----- -------- -- -
-- ----- -
-------------------
- ---- -
------------------- ---------
-
---上述代码中，tasks 数组中包含了异步操作的函数，并且每个函数中都传递了一个 next 参数。在 async.parallel 函数中，将 tasks 和一个回调函数传入，@leizm/async 会同时执行每个异步操作，并在全部操作完成后调用回调函数，将结果作为参数传递进去。
结语
本文介绍了异步串行和异步并行两种模式下，如何使用 @leizm/async 这个 npm 包来进行异步编程。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e24453c