Generator 函数是 ES6 中引入的一种新型函数，它可以在函数执行过程中暂停并再次启动，同时还可以向函数传递值。在 ES12 中，Generator 函数得到了进一步的加强和改进，本文将介绍在 ES12 中如何使用 Generator 函数。
什么是 Generator 函数？
Generator 函数是一种特殊的函数，它可以通过 function* 关键字来定义。Generator 函数和普通函数的区别在于，它可以在函数体内部使用 yield 关键字来暂停函数的执行，并返回一个值。Generator 函数的返回值是一个迭代器对象，通过该迭代器对象可以依次访问 Generator 函数中 yield 关键字返回的值。
下面是一个简单的 Generator 函数示例：
-- -------------------- ---- ------- --------- ------------- - ----- -------- ----- -------- - ----- --- - -------------- ------------------------ -- - ------ -------- ----- ----- - ------------------------ -- - ------ -------- ----- ----- - ------------------------ -- - ------ ---------- ----- ---- -
在上面的示例中，我们定义了一个 Generator 函数 myGenerator，该函数内部使用了 yield 关键字来暂停函数的执行，并返回一个值。然后我们通过 myGenerator() 调用该函数，得到一个迭代器对象 gen。使用 gen.next() 方法依次访问 yield 关键字返回的值。
ES12 中的 Generator 函数
在 ES12 中，Generator 函数得到了进一步的加强和改进。下面我们将介绍在 ES12 中使用 Generator 函数的新特性。
yield* 关键字
ES12 中引入了 yield* 关键字，用于在 Generator 函数中调用另一个 Generator 函数，并将其返回的值作为当前 Generator 函数的返回值。下面是一个示例：
-- -------------------- ---- ------- --------- -------------- - ----- -------- ----- -------- - --------- -------------- - ------ --------------- ----- ---- - ----- --- - --------------- ------------------------ -- - ------ -------- ----- ----- - ------------------------ -- - ------ -------- ----- ----- - ------------------------ -- - ------ ---- ----- ----- - ------------------------ -- - ------ ---------- ----- ---- -
在上面的示例中，我们定义了两个 Generator 函数 myGenerator1 和 myGenerator2，其中 myGenerator2 中调用了 myGenerator1。使用 yield* 关键字可以将 myGenerator1 返回的值作为 myGenerator2 的返回值。
Generator 函数作为异步操作的控制器
在 ES12 中，Generator 函数可以作为异步操作的控制器，用于管理异步操作的执行顺序。我们可以使用 yield 关键字来暂停异步操作的执行，并在异步操作完成后继续执行 Generator 函数。下面是一个示例：
-- -------------------- ---- ------- --------- ------------- - ----- ------- - ----- ------------------------------------------------------ --------------------- ----- ------- - ----- ------------------------------------------------------ --------------------- - ----- --- - -------------- ----------------------------- -- ------------------------------------ -- --------------------
在上面的示例中，我们定义了一个 Generator 函数 myGenerator，其中使用了 yield 关键字来暂停异步操作的执行。然后我们通过 gen.next().value 启动异步操作，并在异步操作完成后通过 gen.next(result) 继续执行 Generator 函数。
总结
通过本文的介绍，我们了解了 ES12 中 Generator 函数的新特性，包括 yield* 关键字和 Generator 函数作为异步操作的控制器。使用 Generator 函数可以方便地管理异步操作的执行顺序，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663aeca7d3423812e48f8795