迭代器和生成器是 ECMAScript 2015 中的两个特性，它们可以帮助我们更方便地遍历集合和生成序列。本文将详细介绍这两个特性的用法，并提供相关示例代码和应用指导。
迭代器（Iterator）
迭代器是一个对象，它定义了一种能够顺序访问集合中每个元素的方式。迭代器通常包含两个方法：next() 和 return()。
next()方法返回一个对象，该对象描述集合中的下一个元素是否存在；如果存在，则包含该元素的值和一个表示是否到达集合末尾的布尔值。return()方法可用于提前终止迭代器并返回一个指定值。
下面是一个实现了迭代器接口的示例：
-- -------------------- ---- -------
----- ------------ - -
------ --------- --------- ----------
------------------- -
--- ----- - --
----- ---------- - -----------
------ -
------ -
------ ----- - -----------------
- - ------ -------------------- ----- ----- -
- - ------ ---------- ----- ---- --
--
-------- -
--------------------- -------------
------ - ------ ---------- ----- ---- --
-
-
-
--
----- -------- - --------------------------------
----------------------------- -- - ------ -------- ----- ----- -
----------------------------- -- - ------ --------- ----- ----- -
------------------------------- -- -------- ----------- - ------ ---------- ----- ---- -
----------------------------- -- - ------ ---------- ----- ---- -在上述示例中，我们使用了一个对象 myCollection 来表示一个集合。该对象实现了迭代器接口 Symbol.iterator，使用一个 index 变量来记录当前访问的元素的位置，然后在 next() 方法中递增该变量并返回相应的值。在 return() 方法中，我们打印了一条信息用于表示该迭代器已经被终止，然后返回了一个表示迭代结束的对象。
生成器（Generator）
生成器是一种特殊的函数，它可以在遍历序列时暂停和恢复函数执行。生成器使用 yield 关键字来生成（yield）序列中的值，当执行到 yield 语句时函数会暂停执行，并返回相应的值和一个表示是否到达序列末尾的布尔值。与迭代器类似，生成器也包含两个方法：next() 和 return()。
next()方法用于恢复函数执行，并返回生成器函数中下一个yield语句产生的值和一个表示是否到达序列末尾的布尔值。return()方法可用于提前终止生成器并返回一个指定值。
下面是一个实现了斐波那契数列的生成器：
-- -------------------- ---- -------
--------- ----------- -
--- ---- - -- ---- - --
----- ------ -
----- ---- - -----
---- - -----
---- - ---- - -----
----- -----
-
-
----- -------- - ------------
----------------------------- -- - ------ -- ----- ----- -
----------------------------- -- - ------ -- ----- ----- -
----------------------------- -- - ------ -- ----- ----- -
----------------------------- -- - ------ -- ----- ----- -在上述示例中，我们定义了一个名为 fibonacci 的生成器函数。该函数使用 while(true) 来表示生成器的无限循环，并通过使用 yield 语句来产生下一个序列值。每次调用 fibonacci 函数时，它返回一个迭代器对象，并且可以使用 next() 方法来访问该序列中的下一个值。
总结
迭代器和生成器可以帮助我们更方便地遍历集合和生成序列。在上述示例中，我们展示了如何实现迭代器和生成器，并提供了相应的示例代码以便您在实际应用中使用。
当您需要遍历一个数据集合时可以考虑使用迭代器，这样可以遵循迭代器设计模式，并且可以在遍历过程中进行任何的操作。
而你需要生成一个序列时，可以考虑使用生成器。生成器提供了一种简洁的方式来定义序列，可以轻松地生成任何类型的序列，包括斐波那契数列、素数序列等。
在实际应用时，您可以通过迭代器和生成器来简化代码编写，减少出错风险，并且可以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64abd64648841e98947b37b3