在 ES7 中，Generator 提供了一种方便的方式来生成遍历迭代器。然而，如果不小心使用，它还可能会导致无限循环的问题。本文将介绍如何避免这种情况以及如何使用 Generator 来遍历迭代器。
什么是 Generator
在 ES6 中，Generator 是一种特殊的函数，它允许你挂起函数的执行并在以后继续执行。在 Generator 函数中，你可以使用关键字 yield 来生成一系列值，这些值可以作为迭代器使用。
在 ES7 中，Generator 提供了一个快速简单的方式来生成迭代器，这意味着你现在可以在 for...of 循环或类似语法中使用它。
何时会导致无限循环
当使用 Generator 时，你需要小心确保你能够遍历所有的元素。否则，你可能会陷入无限循环的问题。
比如下面这个例子：
-- -------------------- ---- -------
--------- ------------------ -
--- - - -
----- ------ -
----- ---
-
-
----- --------- - ------------------
--- ------ - -
--- ------ --- -- ---------- -
----------------
--------
-- ------- - -- -
-----
-
-在这个例子中，我们定义了一个生成无限递增数列的 Generator 函数，并在 for...of 循环中使用它。由于无限循环中的 while(true)，这段代码会在第一次迭代时陷入无限循环中，导致程序无法正常结束。
如何避免无限循环
避免这种问题的最简单方法是确保你遍历了所有需要遍历的元素。这意味着，在使用 Generator 时，你需要确保在某一个时刻结束循环。
在之前的例子中，我们可以通过添加一个计数器来避免无限循环的问题：
-- -------------------- ---- -------
--------- ---------------- -
--- - - -
----- -- - -- -
----- ---
-
-
----- --------- - ----------------
--- ------ --- -- ---------- -
----------------
-在这个例子中，我们定义了一个生成有限递增数列的 Generator 函数，并在 for...of 循环中使用它。由于 while 循环中使用的计数器，这段代码不会陷入无限循环中。
这种方法的关键是确保在某个时刻结束循环。在无法确定需要遍历的元素数量时，你可能需要采取其他方法来确保结束循环。比如你可以添加一个特定的值作为遍历完所有元素的信号，并在遍历到这个值时结束循环。
如何使用 Generator 来遍历迭代器
除了用 while 循环来自己生成值之外，你也可以使用 Generator 来遍历现有的迭代器。
下面是一个如何使用 Generator 来遍历一个 Set 的例子：
-- -------------------- ---- -------
----- ----- - --- ------------- --------- ----------
--------- ------------- -
--- ------ ---- -- -- -
----- ----
-
-
----- --------- - -----------------
--- ------ ---- -- ---------- -
-----------------
-在这个例子中，我们定义了一个 Generator 函数 iterateSet()，它接受一个 Set 并使用 for...of 循环遍历所有元素。函数内使用关键字 yield 来返回每个元素。最后，我们将生成的 Generator 使用在 for...of 循环中，以遍历所有元素。
总结
Generator 是一种很方便的方式来生成可迭代的对象，它可以让你在代码中使用 for...of 循环这种简单易用的语法。然而，在使用 Generator 时，你需要小心避免陷入无限循环的问题。
避免这种问题最常见的方法是确保你在某个时刻结束循环。如果确实无法确定需要遍历的元素数量，你可以添加一个特定的值来作为遍历完所有元素的信号。
除了自己生成值之外，你还可以使用 Generator 来遍历现有的迭代器。这种方法特别适用于需要从迭代器生成值的场合。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647f0bb548841e9894ebc4d8