随着前端技术的不断发展，异步编程的需求越来越多。JavaScript 一直以来都是一门异步编程语言，但随着异步操作的不断增多，传统的异步编程方式（回调函数，Promise）已经不能满足我们的需求了。ES7 引入了 async/await ，它使异步编程更加简单易读，理解也更加容易。但是，在使用 ES7 的 async/await 时的代码量也不小，我们需要引入一个库来帮助我们更好地使用 async/await 。此时，async-await-es7 库就派上了用场。
什么是 async-await-es7？
async-await-es7 是一款比较流行的 JavaScript 库，它能够帮助我们使 async/await 更好地与 JavaScript 一起使用，同时也涵盖了一些基础的异步编程模式和一些实用方法。
安装 async-await-es7
我们可以通过 npm 来安装该库，使用以下命令：
npm install async-await-es7 --save
使用 async-await-es7
下面我们来看一下在实际开发中如何使用 async-await-es7 。
基础用法
在使用 async-await-es7 之前，我们需要先导入它：
import 'async-await-es7';
async-await-es7 提供了以下几个方法：
Promise.delay(delayTime)
delayTime：等待时间。
此方法可以使 Promise 调用延迟指定的时间并返回一个 Promise。
async function test() {
console.log('开始执行');
await Promise.delay(2000); // 等待 2 秒
console.log('2 秒后执行');
}
test();Promise.mapLimit(array, limit, asyncCB)
array：输入数组。limit：限制异步操作的数量。asyncCB：异步操作回调函数。
在异步操作中，如果我们需要同时处理多个异步操作，我们可以使用 Promise.all() 方法。但是 Promise.all() 并不适用于可能导致内存不足的大型数组。如果你需要并行处理大型数组，可以使用 Promise.mapLimit() 解决。该方法按照限制数量的异步方式输入数组。在处理完所有操作之前，将返回一个 Promise。
-- -------------------- ---- -------
----- -------- ------ -
----- ----- - --- -- -- -- ---
----- ----- - --
----- ------ - ----- ----------------------- ------ ----- --------- -- -
----- --------------------
------ ------- - --
---
--------------------
-
-------Promise.mapAsync(array, asyncCB)
array：输入数组。asyncCB：异步操作回调函数。
该方法会将异步回调函数的返回值按顺序组成新数组，返回一个 Promise。
-- -------------------- ---- -------
----- -------- ------ -
----- ----- - --- -- -- -- ---
----- ------ - ----- ----------------------- ----- --------- -- -
----- --------------------
------ ------- - --
---
--------------------
-
-------Promise.timeout(promise, timeout, message)
promise：需要添加超时机制的 Promise。timeout：超时时间（毫秒）。message：超时时需要抛出的错误信息。
当我们使用 Promise 进行异步操作时，如果该操作时间过长，我们可以使用 Promise.timeout() 为其添加一个超时机制。超时机制是通过延迟 Procise 的 fullfiilement 解除而实现的。
-- -------------------- ---- -------
----- -------- ------ -
----- ------- - ----- -- -- - -
----- ------- - --- ----------------- ------- -- -
------------- -- -
----------
-- ------
---
----- ------------------------ -------- --------
--------------------
-
------------------ -- --------------------错误处理
在异步操作中，我们也需要对错误进行处理。async-await-es7 可以使用 .catch() 方法捕获错误。
-- -------------------- ---- -------
----- -------- ------ -
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------------
-- ------
---
----- --------
-
------------------ -- --------------------除了 .catch() 方法外，async-await-es7 也提供了全局的 .onUnhandledError() 方法，该方法可以用于在未处理未处理异常时作为全局处理程序调用。
-- -------------------- ---- -------
------------------------------ -- --------------------
----- -------- ------ -
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------------
-- ------
---
----- --------
-
------- -- ---- -------- --总结
async-await-es7 可以帮助我们更好地编写异步代码，提高代码的可读性和可维护性，认真学习和使用该库对我们的工作更加有益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b1a81e8991b448d8c4d