了解异步迭代器（Async Iterator）中的 await for
异步编程已经成为现代前端开发中的重要部分，引入了异步迭代器（Async Iterator）进一步深化了异步编程的使用。异步迭代器就是能够迭代异步数据源的迭代器对象，而 await for 则是异步迭代器的用法之一。
在使用异步迭代器时，通常会使用 for await...of 循环遍历来获取异步迭代器的数据，或者使用 next() 方法来手动获取异步迭代器的下一个数据，但这些方法比较繁琐，需要写很多的代码。await for 的出现，让我们可以更加轻松地获取异步迭代器的数据。
下面是一个使用 await for 遍历异步迭代器的示例代码：
-- -------------------- ---- -------
----- -------- ----------- -
--- - - --
----- ------ -
----- --- ----------------- -- ------------------- -------
----- ----- ----------
-
-
----- -------- ------------ -
--- ----- ------ ---- -- ------------ -
------------------
-
-
-------------上面的示例代码中，我们定义了一个 readLines 函数用于生成行数据，这个函数使用了一个 while 循环和 yield 关键字来生成行数据，并且每个行数据之间间隔了 1 秒。接着，我们定义了一个 printLines 函数，它使用 for await...of 循环遍历异步迭代器来获取行数据，并且使用 console.log() 来打印行数据。
执行 printLines() 后，我们会看到每隔 1 秒就会打印一条行数据。
await for 的使用非常方便，在 for await...of 中使用异步迭代器时，我们只需要像普通的 for...of 循环一样使用就行了，不需要写额外的代码。不过需要注意的是，只能在 async function 中使用 await for。
除了 await for，异步迭代器还有很多其他的使用方法，比如手动调用 next() 方法来获取异步迭代器的下一个数据，或者使用一些 iterable 工具函数来处理异步迭代器的数据等等。
在实际的开发中，我们会遇到大量的异步编程需求，熟练掌握异步迭代器的使用方法，将会大大提高我们的开发效率。
总结一下，了解异步迭代器中的 await for，可以帮助我们更加方便地获取异步迭代器的数据，从而提高我们的开发效率。在使用 await for 时需要注意只能在 async function 中使用，并且除了 await for 还有其他的异步迭代器使用方法。掌握这些知识，相信会对我们的前端开发有很大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6497d81f48841e98944de94e