在 JavaScript 中，生成器函数是一种强大的语言特性，它可以用于异步编程和数据流控制。以往我们通过编写多个生成器函数来解决问题，但是这也会带来代码冗余和难以维护的问题。在 ES7 中，我们可以通过使用 yield* 来实现生成器函数的复用，减少代码冗余，让代码更加简洁和易于维护。
什么是 yield*？
yield* 是 ES6 中添加的一个语法特性，它可以用于在一个生成器函数中调用另一个生成器函数。在 ES6 中，我们可以这样使用 yield*：
-- -------------------- ---- ------- --------- ------------ - ----- -- ----- -- ----- -- - --------- ------------ - ------ ------------- ----- -- - ----- --------- - ------------- ------------------------------------ -- - ------------------------------------ -- - ------------------------------------ -- - ------------------------------------ -- -
在上面的例子中，generator2 函数中通过 yield* 调用了 generator1 函数，实现了生成器函数的复用。yield* 会暂停 generator2 函数，并进入 generator1 函数执行，直到 generator1 函数执行完毕后，再回到 generator2 函数继续执行。
在 ES7 中如何使用 yield*？
在 ES7 中，我们可以将 yield* 与普通函数结合使用，来实现生成器函数的复用。下面是一个使用 yield* 实现生成器函数复用的例子：
-- -------------------- ---- ------- --------- ------------ - ----- -- ----- -- ----- -- - --------- ------------ - ----- -- ------ ------------- -- -- ------ -- ---------- - ----- --------- - ------------- ------------------------------------ -- - ------------------------------------ -- - ------------------------------------ -- - ------------------------------------ -- -
在上述例子中，generator2 函数中通过 yield* 调用了 generator1 函数，使得 generator2 函数可以复用 generator1 函数中的生成器。在 generator2 函数调用 generator1 函数时，生成器会暂停 generator2 函数的执行，并进入 generator1 函数执行，直到 generator1 函数执行完毕后，回到 generator2 函数继续执行。
yield* 的用途
yield* 的实际用途非常广泛，它可以用于数据流控制、错误处理、异步编程等场景。下面是一个简单的例子，展示如何在一个生成器函数中使用 yield* 来实现对一个数组的操作：
-- -------------------- ---- -------
--------- --------------------- -
--- ---- - - -- - - ------------- ---- -
----- ---------
-
-
--------- ----------- -
----- ----- - --- -- -- -- ---
------ ----------------------
-
----- ------------- - ------------
---------------------------------------- -- -
---------------------------------------- -- -
---------------------------------------- -- -
---------------------------------------- -- -
---------------------------------------- -- -在上述例子中，generator 函数中使用 yield* 调用了 arrayGenerator 函数，实现了对数组的操作。由于数组生成器 arrayGenerator 函数是可以重复使用的，因此我们可以在多个生成器函数中使用 yield* 来实现对同一个数组的操作，避免了代码的冗余。
在实际项目中，我们常常需要对异步函数进行管理。为了实现对异步函数的串行执行和错误处理，我们可以使用生成器函数和 yield*。下面是一个使用 yield* 来实现异步函数串行执行的例子：
-- -------------------- ---- -------
----- -------- --------------- -
------ --- --------------- -- -
------------- -- -
----- ----- - -
-- - --- -- ----- ----- --
-- - --- -- ----- ------- --
--
-----------------------
-- ------
---
-
--------- ----------- -
--- -
----- ----- - ----- -----------
----- ----- - ----- -----------
----------------------- ------------
- ----- ------- -
-------------------
-
-
-------- ------------------ -
----- -------- - ----------------
-------- ------------------ -
-- ---------------- -
------ ---------------------------------
-
------ --------------------------------
------- -- --------------------------
-------- -- ----------------------------
-
------ -------------------------
-
---------------在上述例子中，我们通过使用 yield* 来实现了 getUser 异步函数的复用，并使用生成器函数来控制异步函数的执行，实现了对异步函数的串行执行和错误处理。
总结
通过使用 yield*，我们可以实现生成器函数的复用，避免冗余的代码，使得代码更加简洁和易于维护。yield* 的用途非常广泛，可以用于数据流控制、错误处理、异步编程等场景。在实际项目中，我们可以使用生成器函数和 yield* 来实现对异步函数的管理和控制，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65001ac895b1f8cacde4eab8