ES9（ECMAScript 2018）是 JavaScript 的最新版本，它带来了许多新特性和改进。其中之一是使生成器更加强大。
在本文中，我们将了解生成器是什么，并介绍 ES9 中的新功能，包括异步生成器和 for-await-of 循环。我们还将提供示例代码来演示这些功能如何工作。
生成器是什么？
生成器是一种特殊类型的函数，它可以在执行期间暂停和恢复。当函数执行到 yield 关键字时，它会暂停并返回一个值。稍后可以再次调用该函数以继续执行，从上次暂停的地方继续。
以下是一个简单的示例，其中 generateSequence 函数返回一个生成器，该生成器可以生成从 1 到给定值的整数序列：
-- -------------------- ---- -------
--------- --------------------- -
--- ---- - - -- - -- ---- ---- -
----- --
-
-
----- --------- - --------------------
------------------------------------ -- -
------------------------------------ -- -
------------------------------------ -- -
------------------------------------ -- -
------------------------------------ -- -在上面的示例中，我们定义了一个 generateSequence 函数，它是一个生成器。我们还创建了一个 generator 对象，它是由 generateSequence 函数返回的。然后，我们调用 generator.next() 方法来获取序列中的下一个值，直到序列到达其末尾。
异步生成器
ES9 引入了异步生成器，它允许我们在生成器中使用异步操作。异步生成器是一个返回异步迭代器的函数，该迭代器产生一个异步值序列。
以下是一个简单的示例，其中 generateSequence 函数是一个异步生成器，它使用 setTimeout 函数来模拟异步操作：
-- -------------------- ---- -------
----- --------- --------------------- -
--- ---- - - -- - -- ---- ---- -
----- --- --------------- -- ------------------- -------
----- --
-
-
------ -- -- -
----- --------- - --------------------
--- ----- ------ ----- -- ---------- -
-------------------
-
-----在上面的示例中，我们定义了一个 generateSequence 函数，它是一个异步生成器。我们使用 await 关键字来等待 setTimeout 函数完成，然后使用 yield 关键字返回值。我们还创建了一个 generator 对象，并使用 for await...of 循环来迭代它。在循环内部，我们打印出每个值。
for-await-of 循环
ES9 还引入了 for-await-of 循环，它是一个特殊类型的循环，用于异步迭代器。 for-await-of 循环允许我们在迭代异步序列时使用 await 关键字。
以下是一个简单的示例，其中 generateSequence 函数是一个异步生成器，它使用 setTimeout 函数来模拟异步操作：
-- -------------------- ---- -------
----- --------- --------------------- -
--- ---- - - -- - -- ---- ---- -
----- --- --------------- -- ------------------- -------
----- --
-
-
------ -- -- -
--- ----- ------ ----- -- -------------------- -
-------------------
-
-----在上面的示例中，我们定义了一个 generateSequence 函数，它是一个异步生成器。我们使用 await 关键字来等待 setTimeout 函数完成，然后使用 yield 关键字返回值。我们还使用 for await...of 循环来迭代该生成器。在循环内部，我们打印出每个值。
结论
ES9 引入了许多新功能，其中包括使生成器更加强大的功能。我们介绍了异步生成器和 for-await-of 循环，这些功能允许我们在生成器中使用异步操作，并使用 await 关键字迭代异步序列。
生成器是一个强大而灵活的工具，它可以帮助我们简化异步代码，使其更易于阅读和维护。我们希望本文对您有所帮助，并鼓励您在编写前端代码时尝试使用生成器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673a7245026c11b6ae293057