前言
随着前端开发不断发展，JS 的功能不断完善，ES6 带来的 Generator 函数已经成为前端开发的一个重要工具。Generator 函数是一种特殊的函数，可以控制函数的执行过程，实现异步编程。ES7 对 Generator 函数进行升级，引入了 yield * 语法，进一步增强了其功能，本篇文章将对其进行详细介绍。
yield * 语法
yield * 语法用于在一个 Generator 函数中调用另一个 Generator 函数，将两个 Generator 函数链接在一起。这样可以让 Generator 函数更容易地组合起来，实现更加复杂的异步逻辑。
yield * 语法的语法如下所示：
yield* expression;
其中，expression 必须是一个可迭代的对象，例如数组、字符串或其他 Generator 函数。
使用 yield * 语法，可以在一个 Generator 函数中调用另一个 Generator 函数。例如，假设我们有两个 Generator 函数，g1 和 g2：
-- -------------------- ---- ------- --------- ---- - ----- -- ----- -- ----- -- - --------- ---- - ------ ----- ----- -- ----- -- -
在上面的例子中，Generator 函数 g2 调用了 Generator 函数 g1，并将其链接在了一起。这样在调用 g2 的时候，会先执行 g1 的代码，然后再执行剩余的 g2 的代码。
示例代码
下面是一个使用 yield * 语法的示例代码，其作用是将两个数组顺序合并为一个数组：
-- -------------------- ---- ------- --------- -------- -- - ------ -- ------ -- - ----- - - --- -- --- ----- - - --- -- --- ----- - - --- --- ------ ---- -- -------- --- - ------------- - --------------- -- --- -- -- -- -- --
在上面的示例代码中，我们定义了一个 Generator 函数 merge，使用 yield * 语法将两个数组顺序合并为一个数组。然后我们使用 for...of 循环遍历这个合并后的数组，并将其添加到数组 c 中。最后输出数组 c 的值，可以看到其中包含了数组 a 和数组 b 的所有元素。
总结
通过本文的介绍，我们了解了 ES7 对 Generator 函数进行的升级，引入了 yield * 语法，用于在一个 Generator 函数中调用另一个 Generator 函数。使用 yield * 语法，可以让 Generator 函数更容易地组合起来，实现更加复杂的异步逻辑。我们也通过示例代码来演示了如何使用 yield * 语法将两个数组顺序合并为一个数组。掌握了 yield * 语法后，我们可以更加灵活地使用 Generator 函数处理异步任务，提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647b2a8c968c7c53b06b6b36