随着前端技术的发展，JavaScript 语言也在不断完善。ES6（ECMAScript 6）是 JavaScript 语言的一次重大更新，其中生成器是 ES6 中新增加的一个重要特性。本文将详细介绍 ES6 中的生成器使用教程，并提供示例代码和学习指导。
什么是生成器？
生成器是一种特殊类型的函数，可以在执行时暂停并在需要时恢复。在生成器中运行的代码遵循一组规则，可以按需生成值。生成器通过使用 yield 语句来产生一个值，然后暂停执行并等待下一个请求。使用 next() 方法可以向生成器请求消息，并在继续执行时接收产生的值。
如何创建一个生成器？
使用生成器需要在函数声明语句中添加一个星号（*），即将其声明为生成器函数。例如：
function* myGenerator() {
// ...generator code
}在上面的例子中，myGenerator() 函数被声明为一个生成器函数，其中的 * 表示这是一个生成器。
如何使用生成器？
通过调用生成器函数可以创建一个生成器对象。例如，使用 myGenerator() 函数创建一个生成器对象：
const genObj = myGenerator();
生成器对象是一个具有 next() 方法的迭代器。可以使用 next() 方法来向生成器请求每个值，并接收生成器产生的值。
下面是一个示例代码，演示如何使用生成器：
-- -------------------- ---- -------
--------- ------------- -
----- -------------
----- -------------
----- -------------
-
----- ------ - --------------
--------------------------------- -- -------------
--------------------------------- -- -------------
--------------------------------- -- -------------在上面的示例代码中，myGenerator() 函数定义了三个 yield 语句，分别产生三个值。然后，使用 myGenerator() 函数创建一个生成器对象 genObj。通过三次调用 genObj.next() 方法，分别获取每个值并显示在控制台上。
如何控制生成器？
生成器提供了一些方法来控制生成器的执行流程。下面是一些用于控制生成器的方法：
throw()：用于抛出异常，并由生成器内部的try...catch块捕获。return()：用于结束生成器，并返回指定的值。yield*：用于在生成器中委托给另一个生成器。委托的生成器将生成器控制权直接转移给另一个生成器，并返回该生成器的值。
下面是一个控制生成器执行流程的示例代码：
-- -------------------- ---- -------
--------- ------------- -
--- -
----- -------------
----- -------------
----- -------------
- ----- --- -
---------------------------
-
----- --------
-
----- ------ - --------------
--------------------------------- -- -------------
---------------------------------- -- ------------ - ------ -------- ----- ----- -
----------------------------------- -- ---- ------ ------- ----- ---- -
--------------------------- -- ---- ------ ---------- ----- ---- -在上面的示例代码中，myGenerator() 函数中使用了 try...catch 块来捕获错误，并在 catch 块内输出错误消息。然后使用 yield 语句来产生三个值。在生成器完成时，产生最后一个值，并设置 done 属性为 true。
然后，在 genObj 对象上调用了几个方法：
next()方法请求第一个值，并输出到控制台。throw()方法抛出一个错误，并将控制权转移给catch块，输出错误消息并返回最后一个生成器值。return()方法结束生成器，并返回指定的值。next()方法请求下一个值，但由于生成器已完成，所以将返回一个空值。
总结
通过本文，我们详细介绍了 ES6 中的生成器使用教程，并提供示例代码和学习指导，希望能够对读者学习和使用生成器有所帮助。生成器是一种强大的工具，可以帮助我们提高代码效率和可读性，为我们的前端开发带来更好的体验。阅读本文后，读者应该能够理解生成器的基本概念、语法和如何使用，并掌握在生成器中控制执行流程的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b32e90add4f0e0ffc3f689