什么是 Generator？
Generator 是 ES6 中新增的一种特殊的函数，前面加上一个*号表示。Generator 函数可以让开发者控制异步的执行流程，并且可以将异步操作写成同步的代码结构，提高代码的可读性和可维护性。
与普通函数不同的是，Generator 函数在执行时并不会立即执行，而是返回一个迭代器对象（Iterator），通过该迭代器（Iterator）将异步操作重复迭代，直到操作完成时返回一个特定的值，从而执行完异步操作。
Generator 的核心概念
yield
Generator 函数内部使用 yield 关键字来定义一个断点。在 Generator 函数内部遇到 yield 关键字时，调用该函数将会返回一个值，并且在此阻塞，直到再次调用该函数，重新执行 Generator 函数，并从断点处继续往下执行。
next
使用 Generator 函数的迭代器对象的 next() 方法来执行下一步的操作，并返回一个包含 value、done 两个属性的对象。
Generator 的使用场景
简化异步操作
以 Ajax 请求为例，可以通过 Generator 去简化异步操作，提高代码的可读性和可维护性。
-- -------------------- ---- ------- --------- --------- - ----- ----- - ----- --------------- ----- ----- - ----- --------------- ----- ----- - ----- --------------- ------ ------- ------ ------- - ----- --- - ---------- -------- -------------------- - ----- - ------ ---- - - ------- -- ------ - ------------------- ------- - ---------------- -- - ---------------------------- --- - -------------------------展开代码
协程
使用 Generator 函数可以实现协程（Coroutine）功能，协程可以看作是一个独立的子任务，可以被打断和恢复执行，并且与主任务可以并发执行，从而提高代码的并发性能。
-- -------------------- ---- ------- --------- ------ - --------------------- ------ --------------------- ------ --------------------- ------ ------- - ----- --- - ------- ----- -------- -------------------- - ----- - ------ ---- - - ------- -- ------ - ------------------- ------- - ---------------- -- - ---------------------------- --- - ------------------------- ------------- -- - ----------- -- ------ ------------- -- - ----------- -- ------展开代码
Generator 的优势及局限性
优势
- 使用 Generator 可以让异步操作写成同步的代码结构，提高代码的可读性和可维护性。
- 使用 Generator 可以实现协程功能，从而提高代码的并发性能。
局限性
- Generator 虽然提高了代码的可读性和可维护性，但是也增加了代码的复杂性，并且需要熟练掌握异步编程的知识才能使用。
- 使用 Generator 会增加代码的运行时开销，并且会降低代码的性能和运行效率。
总结
Generator 是 ES6 中一种重要的异步编程工具，可以让开发者控制异步的执行流程，并且可以将异步操作写成同步的代码结构，提高代码的可读性和可维护性。但是，使用 Generator 也需要掌握一定的异步编程知识，才能使用该工具提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64feb71195b1f8cacdd65cab
