Generator函数是ES6中的一个重要特性，它可以让我们更加方便地处理异步流程和迭代器问题。在本篇文章中，我们将介绍Generator函数的基本概念、语法和用法，并展示一些有趣的小demo。
基本概念
Generator函数是一种特殊的函数，使用function*来定义。它的执行结果不是一个简单的值，而是一个可迭代对象，可以通过yield关键字来控制函数的执行流程。
下面是一个简单的Generator函数例子：
-- -------------------- ---- ------- --------- ------------- - ----- -- ----- -- ------ -- - ----- --- - -------------- ------------------------ -- - ------ -- ----- ----- - ------------------------ -- - ------ -- ----- ----- - ------------------------ -- - ------ -- ----- ---- -
从上面的例子可以看出，每次调用gen.next()方法都会返回一个包含value和done两个属性的对象。当函数执行到return语句或者末尾时，done属性变为true，剩下的value值为undefined。
语法
Generator函数的语法比较特殊，需要使用function*来定义。同时，在函数体内部使用yield可以暂停函数执行并返回一个值。下面是一个简单的语法例子：
-- -------------------- ---- ------- --------- ------------- - ----- -------- ----- -------- ------ ------ - ----- --- - -------------- --- ------ ----- -- ---- - ------------------- -
上面的例子中，gen对象是一个可迭代对象，可以通过for...of循环遍历。每次迭代会执行到一个yield关键字，暂停函数执行并返回一个值。
应用场景
Generator函数在异步编程和迭代器等方面有着广泛的应用场景，下面我们举几个例子：
异步流程控制
在异步代码中，使用回调函数或Promise来控制流程是很常见的方式。但是，这种方式可能会导致"回调地狱"问题，使得代码难以阅读和维护。Generator函数可以帮助我们优雅地解决这个问题。
下面是一个简单的例子：
-- -------------------- ---- -------
--------- ------------- -
----- ------- - ----- -------------
----- ------- - ----- --------------------
----- ------- - ----- --------------------
------ --------
-
-------- ------------ -
------ --- ----------------- -- -
------------- -- -
-------------------
-- ------
---
-
-------- --------------- -
------ --- ----------------- -- -
------------- -- -
----------- - -----------
-- ------
--
-
-------- --------------- -
------ --- ----------------- -- -
------------- -- -
----------- - -----------
-- ------
--
-
----- --- - --------------
-------- -------- -
----- - ------ ---- - - -----------
-- ------ -
-------------------
- ---- -
------------------- -- -
---------------
--
-
-
---------上面的例子中，每次调用gen.next()会返回一个Promise对象，然后通过.then()方法来继续执行下一步操作。
迭代器
Generator函数还可以很方便地创建迭代器。通过yield关键字来控制函数的执行流程，我们可以很容易地实现一个自定义迭代器：
-- -------------------- ---- -------
----- ---------- -
----------------- -
--------- - -----
-
-------------------- -
--- ---- - - -- - - ----------------- ---- -
----- -----------
- ---------------------------------------------------------- --------
--------------------------------------------------------------------------------