前言
在现代 web 应用程序中，异步编程已经变得越来越重要。JavaScript 的异步编程能力一直是前端开发中的重要话题。在 ES2017 中，我们看到了一些新的异步编程方法和语言功能，本文将介绍这些新功能并提供示例代码。
Async/await
ES2017 中最重要的异步编程功能是 async/await。这对于处理异步操作的代码变得更加简单和可读，并且可以避免回调地狱的问题。
async/await 是基于 Promise 的，它允许我们使用类似同步代码的方式编写异步代码。async 函数返回一个 Promise 对象，并且 await 关键字可以暂停异步函数的执行，直到 Promise 对象解析完成。
以下是一个示例代码，使用 async/await 从服务器获取数据：
-- -------------------- ---- ------- ----- -------- --------- - ----- -------- - ----- -------------------------------------- ----- ---- - ----- ---------------- ------ ----- - ------------------- -- - ------------------ -------------- -- - --------------------- ---
在上面的代码中，我们定义了一个名为 getData 的异步函数。它使用 fetch 函数从服务器获取数据，并使用 await 关键字等待响应。然后，我们将响应数据解析为 JSON 对象，并返回它。最后，我们使用 .then() 和 .catch() 方法处理 Promise 对象的解析和拒绝。
Promise.prototype.finally()
在 ES2017 中，Promise 对象也得到了增强。Promise.prototype.finally() 方法允许我们在 Promise 对象解析或拒绝后执行回调函数。
以下是一个示例代码，使用 Promise.prototype.finally() 方法在 Promise 对象解析或拒绝后执行回调函数：
-- -------------------- ---- -------
-------------------------------------
-------------- -- -
----------------------
--
------------ -- -
---------------------
--
----------- -- -
--------------------
---在上面的代码中，我们使用 fetch 函数获取数据，并在它的 Promise 对象上使用 .then() 和 .catch() 方法。最后，我们使用 .finally() 方法在 Promise 对象解析或拒绝后执行回调函数。
for-await-of 循环
ES2017 中的另一个新功能是 for-await-of 循环。它允许我们使用异步迭代器遍历可迭代对象的元素。
以下是一个示例代码，使用 for-await-of 循环遍历异步迭代器：
-- -------------------- ---- -------
----- --------- ---------------- -
----- --
----- --
----- --
-
------ ---------- -
--- ----- ---- --- -- ----------------- -
-----------------
-
-----在上面的代码中，我们定义了一个名为 asyncGenerator 的异步迭代器，它返回 1、2 和 3。然后，我们使用 for-await-of 循环遍历异步迭代器，并将每个元素打印到控制台。
结论
在 ES2017 中，我们看到了一些新的异步编程方法和语言功能，最重要的是 async/await。这些新功能使异步编程变得更加简单和可读，并且可以避免回调地狱的问题。同时，Promise 对象也得到了增强，使我们能够更好地处理异步操作。for-await-of 循环允许我们使用异步迭代器遍历可迭代对象的元素。我们希望这些新功能可以帮助您更好地处理异步编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67416312d40a3cb159eb1312