异步编程是现代 Web 应用中不可避免的一个话题。在以前，我们通常使用回调函数和 Promise 进行异步编程。但是，这些方法不太直观和容易理解，且可能会导致回调地狱和代码复杂性。在 ECMAScript 2019 中，引入了一些新方法来简化异步编程，并帮助我们更轻松地处理异步操作。
Async/Await
Async / Await 是 ECMAScript 2019 中最受欢迎的新增功能之一。Async / Await 让异步编程更加直观和容易理解。在这种模式下，我们可以使用类似同步代码的语法来编写异步代码。
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- ------------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-上面代码中，我们使用 async 关键字定义了一个异步函数 fetchData。在函数内部，我们使用 await 等待一个异步操作完成，这里的异步操作是 fetch()，它返回一个 Promise 对象。使用 await 等待 Promise 对象变成 fulfilled 状态后，我们继续对返回值进行操作。
如果异步操作失败，我们捕获异常并打印错误信息。总体来说，这个函数的结构类似于同步函数，这使我们更容易理解和编写异步代码。
Promise.all()
Promise.all() 是另一个新功能，它允许我们等待所有 Promise 完成后再执行下一步操作。这很有用，比如当我们需要同时获取多个数据源的信息时，这些数据源之间是没有依赖性的，这样就可以减少等待时间。
-- -------------------- ---- -------
----- ------------ - ----- -- -- -
----- ------ -------- ------ - ----- -------------
-------------------
----------------------
-------------------
------- -- ---------- -- -------------
-- ------ -- -------- -- ------- -
----- --- ------------- -- ----- -------
-
-- ------
--上面代码中，我们使用 Promise.all() 并传递一个数组，该数组包含三个 fetch() 调用，每个调用获取不同的数据源。之后，我们使用数组解构并等待三个异步操作完成。
注意，我们 map() 在每个 Promise 对象上调用一个 catch() 处理程序，这样即使其中一个 Promise 失败，也不会导致 Promise.all() 失败并抛出错误。
Promise.allSettled()
Promise.allSettled() 是另一个新功能，它允许我们同时等待多个 Promise 完成或失败，然后返回一个结果数组。与 Promise.all() 不同，如果 Promise 失败，结果数组将包含失败 Promise 的错误信息。
-- -------------------- ---- ------- ----- -------- - - --------------------------- ------------------------- ------------------------ --------- -- ----------------------------------------- -- - --------------------- ---
上面代码中，我们定义了一个包含三个 Promise 对象的数组，每个 Promise 计划要么成功，要么失败。我们使用 Promise.allSettled() 同时等待所有 Promise，然后打印结果数组。
总结
ECMAScript 2019 为我们提供了一些很有用的新方法来简化异步编程，并帮助我们更好地处理异步操作。Async / Await 让异步编程更加直观和易于理解，Promise.all() 和 Promise.allSettled() 允许我们同时等待并处理多个 Promise。
在编写异步代码时，我们应该尽可能地使用这些新方法，这将使我们的代码更加简洁和易于维护。学习这些新功能是必要的，并将帮助我们编写更好的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649686b848841e98943b207c