在前端开发中，数据处理和异步任务处理是不可避免的。async-es 是一个简单易用，支持 Promise 的异步处理库。async-es 可以在原生语言里进行链式调用，解决了回调层层嵌套的问题，提高了代码可读性和可维护性。在使用 async-es 之前，您需要了解 Promise 相关的知识。
安装 async-es
您可以通过 npm 安装 async-es，执行以下命令：
npm install async-es
或者你也可以通过 CDN 引入 async-es：
<script src="https://cdn.jsdelivr.net/npm/async-es/dist/async-es.min.js"></script>
Promise
在使用异步处理库之前，我们需要了解 Promise。 Promise 是一个异步操作的容器，用来保存将来才会结束的事件（如异步请求、定时器等），并提供统一的 API，用于处理异步操作的完成或失败。 Promise 的状态不受外界影响，一旦状态改变，就不会再变，任何时候都可以得到这个结果。
当一个 Promise 实例被“完成”（resolved）或“拒绝”（rejected）之后，它们一直保持这个状态，不会再改变。Promise 有三个状态，分别是：pending（等待中）、fulfilled（成功）和 rejected（失败）。
下面是一个使用 Promise 的例子：
-- -------------------- ---- -------
--- - - --- ----------------- ------- -- -
------------- -- -
-------------- -- -------
-- ------------- -- ---------
-- ------
---
-------
--- -- -
----------------- -- -----
--
--- -- -
----------------- -- -----
-
--async-es 使用教程
async-es 基于 Promise，提供了许多操作异步任务的方法，下面我们来介绍一下常用的方法。
each
each 方法可以遍历一个数组，对每个元素进行异步操作，当所有的异步操作都执行完成后，执行一个回调函数。each 方法需要传入两个参数：
- 待处理的数组
- 对每个元素进行异步操作的函数
-- -------------------- ---- -------
-------- ---------- -
------ --- ----------------- ------- -- -
------------- -- -
-----------------
----------
-- ------
---
-
--- --- - --- -- ---
-----------
---- -- ------
----- --- -- -
----- ----------- -- -----------
--
-- -- -
------------------------ -- ---------------
-
--series
series 方法可以按照一定的顺序依次执行一个数组中的异步操作。当所有异步操作都执行完成后执行一个回调函数。series 方法需要传入两个参数：
- 待处理的数组
- 对每个元素进行异步操作的函数
-- -------------------- ---- -------
--- --- - -
------------------ -
--------------------- -
---------------------
-----------
-- ------
--
------------------ -
--------------------- -
---------------------
-----------
-- ------
--
------------------ -
--------------------- -
---------------------
-----------
-- -----
-
--
----------------- ---------- -
------------------------
---parallel
parallel 方法可以同时执行一个数组中的异步操作。当所有异步操作都执行完成后执行一个回调函数。parallel 方法需要传入两个参数：
- 待处理的数组
- 对每个元素进行异步操作的函数
-- -------------------- ---- -------
--- --- - -
------------------ -
--------------------- -
---------------------
-----------
-- ------
--
------------------ -
--------------------- -
---------------------
-----------
-- ------
--
------------------ -
--------------------- -
---------------------
-----------
-- -----
-
--
------------------- ---------- -
------------------------
---总结
async-es 是一个简单易用的异步处理库，提供了许多操作数组和异步任务的方法，这些方法可以大大简化我们的异步处理代码。在学习和使用 async-es 之前，我们需要对 Promise 有基本的了解。学习并使用 async-es 可以提高代码的可读性和可维护性，非常值得尝试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57451