在 ES2015 中，引入了 Symbol.iterator 来声明一个迭代器对象，使我们能够使用 for-of 循环来遍历对象和数据结构。然而，严格来说，这种迭代器并不支持异步操作。因此，在 ECMAScript 2021 中，引入了 Symbol.asyncIterator 来处理异步迭代器。
异步迭代器的定义
异步迭代器是返回一个包含异步操作结果的 promise 对象的迭代器对象。在 for-await-of 语句中，每次迭代都会等待 promise 被解析后才会进入下一次迭代。
例如，迭代异步生成器对象的示例代码如下：
-- -------------------- ---- -------
----- -------- - --------- -
----- --
----- --
----- --
-
----- -------- ----------------------- -
----- ------------- - ----------
--- ----- ------ ----- -- -------------- -
-------------------
-
-
------------------------ -- -- -- -- -Symbol.asyncIterator 的使用
若一个对象实现了 Symbol.asyncIterator 方法，则可以在 for-await-of 循环中使用该目标对象。
例如，我们实现一个异步迭代器对象，其 Symbol.asyncIterator 方法返回一个包含异步操作结果的 promise 对象。
const asyncIterable = {
async *[Symbol.asyncIterator]() {
yield Promise.resolve(1);
yield Promise.resolve(2);
yield Promise.resolve(3);
}
};以上代码中，我们实现了一个对象，其中的 Symbol.asyncIterator 方法生成一个异步生成器函数并返回。
现在，我们可以使用 for-await-of 循环来迭代该对象。
async function consumeAsyncIterable() {
for await (let value of asyncIterable) {
console.log(value);
}
}
consumeAsyncIterable(); // 输出 1, 2, 3以上代码可以通过 for-await-of 循环以异步方式迭代对象并解析其中的 promise，从而输出 1, 2, 3。
总结
在 ECMAScript 2021 中，Symbol.asyncIterator 可以定义异步迭代器，这使得迭代器不仅能够处理同步操作，还能够处理包含异步操作的对象。这对于处理异步数据流以及处理异步等待情况都非常有用。通过本文的介绍及示例，您可以了解如何使用异步迭代对象来处理异步操作，以及如何使用 ECMAScript 2021 中的 Symbol.asyncIterator 方法来实现异步迭代器。现在，您可以在自己的代码中灵活应用这些技术，从而提高您的前端开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6484660748841e98943771a4