Generator 函数是 ES6 新增的一项特性，它可以让我们用更简洁的方式来编写协作的异步代码，从而有效地消除回调地狱，提高代码可读性和可维护性。在 ES7 中，Generator 函数又有了一些进阶的使用方法，本文将对这些进阶用法进行详细解释，并提供示例代码。
１. Generator 函数的参数传递
在 ES7 中，我们可以通过 Generator 函数的 .next(arg) 方法，向 Generator 函数中传递参数，具体使用方式如下：
-- -------------------- ---- ------- --------- ------------- - ----- ------- - ------ --------------------- ----- ------- - ------ --------------------- - ----- --- - -------------- ----------- -- ----- ------ ----- --------- -- ------------------ -- -- ----- ------------------ -- -- -----
在上面的例子中，首先定义了一个 Generator 函数 myGenerator，它包含两个 yield 语句，用于获取传递进来的参数，然后分别打印出这些参数。接着创建了一个 gen 实例，通过调用 gen.next() 方法启动 Generator 函数。第一次调用 gen.next() 是没有参数的，因为 Generator 函数还没有开始执行；接着再依次调用 gen.next('hello') 和 gen.next('world') 方法，分别向 Generator 函数传递参数，并打印出这些参数。这样就可以通过参数的传递，灵活地控制 Generator 函数的执行流程。
２. Generator 函数的异常处理
在以前的 Generator 函数中，如果在函数体内部抛出了异常，就需要使用 try...catch 语句捕获它，如下所示：
-- -------------------- ---- -------
--------- ------------- -
--- -
----- --
----- --
----- --
- ----- ------- -
--------------------- -------
-
-
----- --- - --------------
-----------
------------------ -- ------在 ES7 中，我们可以使用 .throw() 和 .return() 方法，来处理 Generator 函数内部的异常。其中，.throw() 方法用于向 Generator 函数内部抛出异常，并让 Generator 函数继续执行下去；.return() 方法则用于立即终止 Generator 函数，并返回指定的值。具体的使用方式如下：
-- -------------------- ---- -------
--------- ------------- -
--- -
----- --
----- --
----- --
- ----- ------- -
--------------------- -------
-
-
----- --- - --------------
-----------
------------------ -- --------- --------- --------
------------------ -- ---- --------- ----------在上面的例子中，首先定义了一个 Generator 函数 myGenerator，它包含了一个 try...catch 语句，用于捕获异常。然后创建了一个 gen 实例，依次调用 gen.next()，gen.throw('oops') 和 gen.return('end') 方法，分别启动 Generator 函数、抛出异常并继续执行下去，以及立即结束 Generator 函数并返回指定的值。
３. 嵌套 Generator 函数的使用
在 ES7 中，我们可以通过嵌套 Generator 函数的方式，提高异步代码的可读性和可维护性。具体的使用方式如下：
-- -------------------- ---- ------- --------- ---------------- - ----- -------- ----- -------- - --------- ------------- - ------ ----------------- ----- ------ - --- ------ ----- -- -------------- - ------------------- -
在上面的例子中，定义了两个 Generator 函数 innerGenerator 和 myGenerator，其中 innerGenerator 只负责返回一些数据，而 myGenerator 则包含了一个 yield* innerGenerator() 语句，用于从 innerGenerator 中获取数据，并将这些数据作为自己的返回值。最后，使用 for of 循环遍历 myGenerator() 函数的结果。
总结
本文对 ES7 Generator 函数的进阶使用方法进行了详尽的解释，包括参数传递、异常处理和嵌套 Generator 函数的使用。这些进阶用法可以帮助我们更好地理解和应用 Generator 函数，让我们能够在协作的异步代码中写出更加优美和健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cc87be5ad90b6d04293dbf