在 ES9 中，引入了一个新的原始数据类型 Symbol.asyncIterator，它可以用来表示一个异步迭代器。本文将详细介绍Symbol.asyncIterator 的使用方法，包括定义异步迭代器、使用 for-await-of 循环遍历异步迭代器、以及如何编写异步迭代器的生成器。
什么是异步迭代器？
在我们深入理解 Symbol.asyncIterator 前，先让我们来了解一下什么是异步迭代器。异步迭代器与同步迭代器的不同在于：
- 异步迭代器返回 Promise 对象
- 异步迭代器的 next 函数使用 async 关键字声明
异步迭代器在处理异步数据流时非常方便。例如，在处理从网络或数据库中读取的数据流时，异步迭代器非常适合。
如何定义异步迭代器？
使用 Symbol.asyncIterator 创建异步迭代器非常简单。首先，我们需要创建一个带有 asyncIterable 属性的对象，asyncIterable 属性指定了该对象在异步迭代时的执行内容。asyncIterable 属性应该是一个函数，该函数是通过函数名称 Symbol.asyncIterator 创建的。代码如下：
const asyncIterableObj = {
async *[Symbol.asyncIterator]() {
yield Promise.resolve(1);
yield Promise.resolve(2);
yield Promise.resolve(3);
}
};上述代码中，我们创建了一个异步迭代器 asyncIterableObj，该迭代器返回的是 Promise 对象。我们使用了 async 语法 sugar 来编写 asyncIterable 函数，通过使用 yield 关键字，我们可以让 asyncIterable 函数对 Promise 对象产生异步迭代。
如何用 for-await-of 循环遍历异步迭代器？
接下来，我们将介绍如何使用 for-await-of 循环遍历异步迭代器。以 asyncIterableObj 为例，我们可以使用以下代码来从异步迭代器中提取其内容：
(async () => {
for await (const value of asyncIterableObj) {
console.log(value);
}
})();在上述代码中，我们使用 async 函数包裹 for-await-of 循环，这样遍历异步迭代器时不会阻塞其他代码的执行。由于 asyncIterable 返回的是 Promise 对象，因此我们通过 await 关键字等待 Promise 的解决，然后输出该值。
如何编写异步迭代器的生成器？
最后，我们将介绍如何编写异步迭代器的生成器。异步迭代器的生成器本质上是一个返回异步迭代器的函数。例如，我们可以编写一个异步迭代器的生成器来从文件中异步读取数据流，并返回异步迭代器。代码如下：
-- -------------------- ---- -------
----- -- - --------------
----- ---------------------- - -------- -- -
------ -
----- ------------------------- -
----- ------ - ----------------------------- - --------- ------ ---
--- ----- ------ ----- -- ------- -
----- ------
-
-
--
--
------ -- -- -
----- ---------------- - ------------------------------------------
--- ----- ------ ----- -- ----------------- -
-------------------
-
-----上述代码中，我们编写了一个异步迭代器的生成器 asyncIterableGenerator，该生成器可以异步地从文件中读取数据，并返回一个异步迭代器。我们可以使用 for-await-of 循环来遍历异步迭代器。
总结
在本文中，我们详细介绍了 Symbol.asyncIterator 的使用方法，包括如何定义异步迭代器、使用 for-await-of 循环遍历异步迭代器、以及如何编写异步迭代器的生成器。异步迭代器为处理异步数据流提供了简单而方便的解决方案，在处理异步数据流时，我们可以将它视为解决方案的选择之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649928b848841e989461c489