什么是 Async Iterators？
Async Iterators 是指一组用于处理异步迭代器操作的 API，它是在 ES7 中被引入的，主要用于解决需要异步处理的迭代器操作。Async Iterators 主要包括两个方法： next 和 return。与同步的迭代器不同的是，它们返回的都是 Promise 对象。
如何实现 Async Iterators？
要实现 Async Iterators，你需要使用 Async Generator Functions。这种类型的函数与 Generator Functions 类似，但不同的是它们返回的是一个异步迭代器，而不是一个迭代器。
Async Generator Functions 的语法比较简单，用 async function* 进行声明即可。下面是 Async Generator Functions 的一个简单示例：
async function* createNumbers() {
for (let i = 1; i <= 5; i++) {
yield i;
}
}在上述代码中，我们使用 async function* 声明了一个名为 createNumbers 的 Async Generator Function，在这个函数体内，我们创建了一个循环来生成数字，然后在每次循环中使用 yield 关键字返回一个数字。这里的函数返回的是一个异步迭代器。
在调用 Async Generator Functions 的过程中，我们需要使用 for-await-of 循环来获取迭代器中的值。这个循环主要用于在每次迭代中获取异步操作的结果。
下面是使用 for-await-of 循环调用上面定义的 createNumbers 异步迭代器的一个示例：
async function main() {
for await (let number of createNumbers()) {
console.log(number);
}
}
main();在上述代码中，我们使用 for-await-of 循环来遍历 createNumbers 函数返回的异步迭代器。在每次循环中，我们使用 await 关键字来等待异步操作的结果，确保输出的数字是按照我们预期的顺序打印出来的。
Async Iterators 的应用场景
Async Iterators 主要被用于处理需要异步操作的场景，比如循环处理异步数据、处理异步事件等等。在这些场景中，我们需要等待异步操作的结果，才能进行下一轮操作。
下面是一个使用 Async Iterators 处理异步事件的示例代码：
-- -------------------- ---- -------
----- --------- ------------------------- -
----- ------------ - --- ---------------
----- ---------- - --------- ------- -------- ----------
--- ---- - - -- - - ------------------ ---- -
----- --------- - --------------
----- -------- - -- -- -
------ --- --------------- -- -
------------- -- -
-------------------------- ---------------
----------
-- ------------- - ------
---
--
-------------------------- ----------
----- ----------
-
----- --- --------------- -- -
---------------------------
------------- -- -
--------------------------
----------
-- ------------- - ---- - ------
---
-------------------
-
----- -------- ------ -
--- ----- ---- --------- -- -------------------------- -
--------------------- ------ ---------------
-
-
-------在上述代码中，我们使用 Async Iterators 处理了一个异步事件流。我们首先创建了一个包含多个事件名称的数组 eventNames，然后使用循环遍历这个数组，为每个事件添加了一个异步事件监听器。
在 createAsyncEventEmitter 函数的主体部分，我们使用 yield 关键字返回了每个添加的事件名称。在循环结束后，我们使用 await 关键字等待异步事件流终止，这里我们使用了一个 Promise 来实现。
在 main 函数中，我们使用 for-await-of 循环来遍历 createAsyncEventEmitter 函数返回的异步迭代器。在每次循环中，我们使用 await 关键字等待异步操作返回的结果，然后使用 console.log 将结果输出。
总结
Async Iterators 是一个非常强大的异步操作 API，它使得处理需要异步操作的迭代器操作更加容易和本质化。在实现 Async Iterators 的过程中，我们需要使用 Async Generator Functions 和 for-await-of 循环来处理异步操作的返回值。
如果你正在处理需要异步操作的迭代器操作，那么你应该尝试使用 Async Iterators 来实现。它将大大简化你的代码，并帮助你更好地处理异步操作的返回结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64af976b48841e9894ba9461