ES9 中的异步迭代器和生成器
在 ES9 中，JavaScript 引入了异步迭代器和生成器的概念，这使得在处理异步数据流时变得更加方便和灵活。
异步迭代器
异步迭代器是迭代器的一种变体，可以处理异步数据流。异步迭代器对象有一个 next() 方法，该方法返回一个包含 value 和 done 属性的 Promise。下一个值会在 value 属性中返回，而 done 属性则表示该迭代器是否已经完成。
下面是一个简单的异步迭代器示例:
-- -------------------- ---- ------- ----- --------- --------------- - ----- -- ----- -- ----- -- - --- -- - ---------------- ---------------- -- ---------------- -- - ------ -- ----- ----- - ---------------- -- ---------------- -- - ------ -- ----- ----- - ---------------- -- ---------------- -- - ------ -- ----- ----- - ---------------- -- ---------------- -- - ------ ---------- ----- ---- -
在上面的示例中，我们定义了一个名为 asyncIterable 的异步迭代器。在 asyncIterable 中，我们使用 yield 语句返回一个 Promise，该 Promise 将在下一次调用 next() 方法时将 value 值传递给它。最后一次调用 next() 方法返回一个 done 属性为 true 的对象。
可以使用 for-await-of 循环来迭代异步迭代器:
-- -------------------- ---- -------
----- --------- --------------- -
----- -------------------
----- -------------------
----- -------------------
-
------ -- -- -
--- ----- ---- --- -- ---------------- -
----------------- -- -- -- -
-
-----在上面的示例中，我们使用 for-await-of 循环来依次迭代异步迭代器中的 Promise。注意，我们的 asyncIterable 返回的是 Promise 对象而不是数值。
异步生成器
异步生成器是生成器的一种变体，是将异步处理数据流与生成器相结合的一种方式。异步函数既可以包含异步操作，也可以包含同步操作。
下面是一个简单的异步生成器示例:
-- -------------------- ---- -------
----- --------- ----------------------- ---- -
--- ---- - - ------ - -- ---- ---- -
----- --- --------------- -- ------------------- -------
----- --
-
-
------ -- -- -
----- --- ----- ---- ----- -- ------------------- --- -
------------------- -- -- -- -- -- -
-
-----在上面的示例中，我们定义了一个名为 generateSequence 的异步生成器。在每个迭代中，我们都使用 setTimeout 模拟一个异步操作，然后使用 yield 语句返回一个整数。最后，我们使用 async for-await-of 循环迭代异步生成器，从而获取每个值。
案例应用
异步生成器和异步迭代器为处理异步数据流带来了很大的方便。例如，我们可以使用它们来处理某些需要处理大量数据的场景，例如：
-- -------------------- ---- -------
----- -------- ------------ -
--- ---- - --
----- ------ -
--- -------- - ----- -------------------------------------
--- ---- - ----- ----------------
-- ------------ --- -- -
------
-
------ -----
-
-
------ -- -- -
----- --- ----- ---- ------ -- ------------- -
--------------------
-
-----在上面的示例中，我们定义了一个名为 getRecords 的异步函数。在 getRecords 中，我们通过调用 API 来获取大量的记录。我们通过 yield* 将接收到的每个记录返回给迭代器。最后，我们使用 async for-await-of 循环迭代异步函数，这将在从 API 中获取记录时自动进行迭代。
总结
异步迭代器和异步生成器为处理异步数据流提供了一种非常强大的方案。通过它们，我们可以轻松地使用迭代来处理异步操作，这样在复杂的应用程序中可以使代码逻辑更加清晰。如果你希望进一步提升自己的 JavaScript 技术，那么学习和使用异步迭代器和异步生成器是值得尝试的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f414bcf6b2d6eab3d3cb5b