在前端开发中，我们经常会遇到需要处理大量数据或者进行异步操作的情况。在传统的编程方式中，我们可能会使用循环或者回调函数来处理这些数据，但是这种方式往往很繁琐并且难以维护。而在 ECMAScript 2019 中，新增了 Async Iterators 的特性，可以帮助我们更高效地编写异步代码，并提升代码的可读性和可维护性。
什么是 Async Iterators
Async Iterators 是一种新的迭代器类型，它允许我们异步地获取迭代器的下一个值。Async Iterators 和传统的迭代器非常相似，但是它的 next() 方法返回的是一个 Promise 对象，Promise 对象最终解析为迭代器的下一个值。这样一来，我们就可以在获取迭代器的下一个值时进行异步操作，比如从服务器获取数据、读取文件等等。
Async Iterators 的语法如下：
async function* functionName() {
// 迭代器的具体实现
yield value;
}其中，async 表示函数是一个异步函数，generator 函数的 * 用来定义这是一个生成器函数。
Async Iterators 的指导意义
使用 Async Iterators 可以帮助我们更好的把握异步操作的执行顺序。在使用回调函数的场景下，我们往往需要使用嵌套的回调函数来保证异步操作的执行顺序，从而导致代码非常难以维护。而使用 Async Iterators 可以通过控制 Promise 的执行顺序来达到同样的效果，这样可以让我们的代码更加清晰可读。
另外，Async Iterators 还具有非常好的可组合性。我们可以通过将多个 Async Iterators 组合起来来实现更加复杂的异步操作。这种方式可以使我们的代码更加模块化，可维护性更高。
Async Iterators 的示例代码
接下来，我们通过一个具体的实例来更好地理解 Async Iterators 的应用。
我们定义一个 asyncGenerator，它可以异步获取服务器数据，并返回一个可以迭代的对象。我们使用了 for await...of 循环来遍历这个可迭代的对象，并在每一次迭代时输出服务器返回的数据。
-- -------------------- ---- -------
----- --------- ---------------- -
--- ----- - --
----- ------ - -- -
----- ----- --------------------------------------------------------------------- -- ------------
--------
-
-
------ -- -- -
--- ----- ---- ----- -- ----------------- -
-------------------
-
-----在这个例子中，我们使用了 fetch 函数来模拟从服务器获取数据的操作。每次迭代的时候，我们使用 await 关键字来等待 fetch 函数返回结果，然后通过 yield 关键字把结果返回给 for await...of 循环。
通过这个例子，我们可以看到 Async Iterators 的优势，它能够帮助我们更高效地处理异步数据，并保持代码的可读性和可维护性。
总结
Async Iterators 是 ECMAScript 2019 中的一个新特性，它可以帮助我们更高效地处理异步数据，提升代码的可读性和可维护性。通过合理地运用 Async Iterators，我们可以有效地避免回调地狱等问题，使代码更优雅易用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64812c8a48841e9894097815