随着 JavaScript 的不断发展和普及，越来越多的应用场景需要进行异步编程。而在异步编程中，我们经常需要使用 Promise 或 async/await 等语法来处理异步操作。但是，这些语法在处理多个异步操作时，依然存在一些问题。比如，当我们需要处理多个 Promise 时，常常需要使用 Promise.all() 方法来等待所有 Promise 完成后再进行下一步操作。而当我们使用 async/await 语法时，也需要使用 Promise.all() 方法或者 for...of 循环来处理多个异步操作。
ECMAScript 2019 的 for await 语法就是为了解决这个问题而生的。它可以让我们更加方便地处理多个异步操作，让异步编程变得更加简单和高效。
for await 语法的使用方法
for await 语法的使用方法非常简单，它可以用来遍历异步迭代器（AsyncIterable）。异步迭代器是一种支持异步操作的迭代器，它的 next() 方法返回一个 Promise，用来处理异步操作。在异步迭代器中，我们可以使用 for await 语法来遍历所有的异步值。
下面是一个使用 for await 语法遍历异步迭代器的示例代码：
-- -------------------- ---- -------
----- -------- ---------------- -
----- -------------------
----- -------------------
----- -------------------
-
----- -------- ------ -
--- ----- ------ --- -- ----------------- -
-----------------
-
-
-------在上面的代码中，我们定义了一个异步迭代器 asyncGenerator()，它返回三个 Promise。然后，在 test() 函数中，我们使用 for await 语法来遍历异步迭代器中的所有值，并将其输出到控制台中。执行 test() 函数后，控制台将输出 1、2 和 3。
for await 语法的优势
使用 for await 语法的优势在于它可以让我们更加方便地处理多个异步操作。比如，我们可以使用 for await 语法来处理多个异步文件的读取操作：
-- -------------------- ---- -------
----- -- - --------------
----- -------- -------------- -
------ --- ----------------- ------- -- -
----------------- ----- ----- -- -
-- ----- -
------------
- ---- -
--------------
-
---
---
-
----- -------- ------ -
----- ----- - ------------- ------------ -------------
--- ----- ------ ---- -- ------ -
----- ---- - ----- ---------------
-----------------------------
-
-
-------在上面的代码中，我们首先定义了一个读取文件的异步函数 readFile()，然后在 test() 函数中，我们使用 for await 语法来遍历文件数组，并在每次循环中调用 readFile() 函数来读取文件的内容。这样，我们就可以方便地处理多个异步文件的读取操作了。
总结
ECMAScript 2019 的 for await 语法可以让我们更加方便地处理多个异步操作，让异步编程变得更加简单和高效。在实际开发中，我们可以使用 for await 语法来处理多个异步操作，从而提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660e2966d10417a222e9fe30