在 JavaScript 中，迭代器是一种用于遍历数据结构的接口。ES6 以前，JavaScript 只支持同步迭代器，对于异步操作则不经过迭代器处理。然而，随着 JavaScript 函数逐渐支持异步操作，ES8 引入异步迭代器，拓展了迭代器的异步处理能力。
异步迭代器的定义
异步迭代器是一种通过返回 promise 的 next() 方法控制异步执行过程的迭代器。每次迭代器调用 next() 方法，返回 promise 后，执行完异步操作后再 resolve promise，然后继续执行迭代器下一步。异步迭代器使用时必须通过 for await...of 语法调用。
异步迭代器的作用
异步迭代器的作用在于处理异步操作的迭代流程。将所有异步操作放到一个异步迭代器中，利用 for await...of 语法可以轻松地控制整个异步操作的流程，同时异步迭代器可以很好地兼容同步迭代器的写法，可以在同步或异步环境中使用，提升代码的可读性和可维护性。
异步迭代器示例代码
以下是使用异步迭代器处理异步操作的示例代码：
-- -------
----- --------- ---------------- -
----- ----- -------------------
----- ----- -------------------
----- ----- -------------------
-
-- -- --- ---------- -------
------ -- -- -
--- ----- ------ --- -- ----------------- -
-----------------
-
-----在上述示例代码中，我们定义了一个异步迭代器 asyncGenerator，通过 yield 关键字返回 Promise，并在每个 Promise 执行完成后继续迭代。然后我们通过 for await...of 语法调用了这个异步迭代器，输出了它返回的值。
结论
异步迭代器是 JavaScript 中异步操作迭代的关键。在异步环境中，它能够很好地控制整个异步操作的流程。在代码设计中，使用异步迭代器可以提高代码的可读性和可维护性。因此，在 ES8 中，它被引入作为 JavaScript 标准的一部分。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673808d4317fbffedf0dd2c6