在现代 Web 开发中，JavaScript 是必不可少的技术。随着技术的不断发展，ECMAScript 规范也在不断更新。其中，ES2015 引入了 Promise，ES2017 引入了 async/await 等新特性，使得异步编程更加方便和易于理解。而现在的 ECMAScript 2019 更进一步地优化了异步编程体验。本文将介绍 Promise 和 async/await 的基本概念，并深入理解 ECMAScript 2019 引入的新特性。
什么是 Promise？
Promise 是 ECMAScript 2015 引入的一种异步编程的解决方案，旨在解决回调地狱和异步嵌套的问题。Promise 对象表示一个异步操作的最终完成（或失败）及其结果值。Promise 有三种状态：pending、fulfilled 和 rejected。当 Promise 对象从 pending 状态转变为 fulfilled 或 rejected 状态时，称为 Promise 被 settled（已定型）。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
-- ----
------------- -- -
-- --- ---- --- -
--------------
- ---- -
-------------
-
-- ------
---
--------------------- -- -
------------------- --------
---------------- -- -
------------------- -------
---上述代码中，Promise 对象在 1 秒后将状态从 pending 转变为 fulfilled 或 rejected。如果成功，将调用 then 方法，打印 操作成功 和 成功；如果失败，将调用 catch 方法，打印 操作失败 和 失败。
什么是 async/await？
async/await 是 ECMAScript 2017 引入的另一种异步编程解决方案。async/await 简化了 Promise 的语法和流程，使得异步代码更加易于理解。在函数前添加 async 关键字，该函数就变成了一个异步函数。其中，返回值为 Promise 对象，可以通过 then 方法来获取执行结果。
-- -------------------- ---- ------- ----- -------- ----- - -- ---- ----- ------ - ----- --------------------- ------ ------- - ------------------- -- - -------------------- ---------------- -- - ------------------- ---
上述代码中，异步函数 foo 在执行异步操作后，通过 await 关键字等待异步操作完成并返回结果。然后将结果作为异步函数的返回值。最后，通过 then 方法获取异步函数的执行结果。
ECMAScript 2019 新特性
ECMAScript 2019 引入了两个新特性，分别是异步迭代器和 for-await-of 循环。这两个特性解决了异步数据流处理的问题，使得处理异步数据流更加方便。
异步迭代器
异步迭代器是一种支持异步操作的迭代器，它遍历的是异步生成器函数所返回的 Promise 对象。异步迭代器通常用来处理异步的数据流，例如数据库的查询结果、文件的读取等。
-- -------------------- ---- -------
----- ------------- - -
----- ------------------------- -
----- ----- ---------------------
-
--
------ ---------- -
--- ----- ------ ----- -- -------------- -
-------------------
-
-----上述代码中，asyncIterable 是一个异步迭代器对象，它通过 Symbol.asyncIterator 方法返回了一个异步生成器函数。在 asyncIterable 中，异步生成器函数返回了一个异步操作的结果。然后，使用 for-await-of 循环遍历异步迭代器，将异步操作的结果打印到控制台中。
for-await-of 循环
for-await-of 循环是一个用于异步操作的新的迭代语法。它可以遍历异步可迭代对象的所有值，并逐个返回一个 Promise，直到所有值都被消耗完毕。需要注意的是，被遍历的对象必须返回一个异步迭代器。
-- -------------------- ---- -------
----- -------- ----- -
----- ------------- - -
----- ------------------------- -
----- ----- ----------------------
----- ----- ----------------------
----- ----- ----------------------
-
--
--- ----- ------ ----- -- -------------- -
-------------------
-
-
------------- -- -
--------------------
---------------- -- -
-------------------
---上述代码中，异步函数 foo 遍历了 asyncIterable 中的异步数据流，并打印了每个值。最后，异步函数将执行完成并打印 done。
总结
在现代 Web 开发中，异步编程是必不可少的。Promise 和 async/await 是两种常用的异步编程解决方案。ECMAScript 2019 引入了异步迭代器和 for-await-of 循环，使得处理异步数据流更加方便。通过深入理解 Promise 和 async/await 的使用，以及了解 ECMAScript 2019 的新特性，可以写出更加可靠和高效的异步代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ef91f0f6b2d6eab398b72d