在 JavaScript 的语言特性不断完善的过程中，ES6 引入了 Generator 函数，而在 ES10 中，Generator 对象进一步得到了加强。Generator 对象具有阻塞执行、惰性执行等特性，它在异步编程中经常被用来协调多个异步任务的执行。本文将探讨 Generator 对象的使用技巧以及常见错误解决。
1. Generator 的基本用法
Generator 函数是一个具有暂停状态的函数，可以通过 function* 关键字定义：
function* func() {
yield 1;
yield 2;
yield 3;
}这个函数包含了三个 yield 关键字，可以通过迭代器依次取得这三个值：
const gen = func(); console.log(gen.next().value); // 1 console.log(gen.next().value); // 2 console.log(gen.next().value); // 3
Generator 函数可以看作是一种特殊的迭代器，在迭代器的基础上，加入了暂停、恢复等特性，可以方便地协调异步任务。
2. Generator 在异步编程中的应用
Generator 函数的强大之处在于可以方便地协调多个异步任务的执行。通过 yield 暂停函数的执行，可以等待异步任务结束后再继续执行函数。
2.1. 串行执行异步任务
以下是一个串行执行异步任务的示例代码：
-- -------------------- ---- -------
--------- ------ -
----- ------- - ----- ----------------
----- ------- - ----- ----------------
-------------------- ---------
-
-------- ------------ -
----- -------- - ------
-------- ------------ -
-- ------------- -
-------
-
------------------------- -- -
---------------------------
---
-
----------------------
-
--------------这个代码先定义了一个 Generator 函数，包含了两个异步任务，每个任务执行后通过 yield 返回结果。接着定义了一个 execute 函数，用于执行 Generator 函数。在 step 函数中，通过递归地调用 iterator.next() 和异步任务的 Promise，实现了串行执行异步任务的功能。
2.2. 并行执行异步任务
以下是一个并行执行异步任务的示例代码：
-- -------------------- ---- -------
--------- ------ -
----- --------- -------- - ----- ----------------------------- ------------------
-------------------- ---------
-
-------- ------------ -
----- -------- - ------
-------- ------------ -
-- ------------- -
-------
-
------------------------------------------ -- -
---------------------------
---
-
----------------------
-
--------------这个代码和串行执行异步任务类似，不同的是这里使用了 Promise.all() 方法并行执行异步任务。通过 yield 返回 Promise.all() 返回的结果，在执行完成后打印结果。
3. 常见错误解决
在使用 Generator 对象时，可能会碰到一些常见的错误，这里将给出一些解决方法。
3.1. 忘记调用 next()
在迭代器中，执行器需要显式地调用 next() 方法才能继续执行下一步。如果忘记调用 next() 方法，将导致函数停留在当前 yield 处，无法继续执行。
3.2. 多次调用 next()
在迭代器中，每个 yield 执行后会暂停函数的执行，等待下一个 next() 方法的调用。如果在一个 yield 没有执行完成时再次调用 next() 方法，将导致函数状态混乱，程序出错。
可以使用 generator.throw() 实现在报错时跳出 Generator 函数。
3.3. 忘记用 return 表示函数结束
在函数执行结束时，需要调用 return 方法表示函数结束，否则函数将会一直处于暂停状态。可以通过在 Generator 函数中加入 finally 块来处理这个问题。
4. 总结
本文介绍了 Generator 对象的基本用法，以及在异步编程中的应用场景。同时也解决了一些 Generator 对象的常见错误。学习并掌握 Generator 对象的使用技巧，可以帮助我们更好地进行异步编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647bff29968c7c53b0738f3b