迭代器模式是一种常见的设计模式，它可以让我们遍历一个集合中的元素，而不必关心集合的具体实现方式。在 ES6 中，我们可以使用 Iterator 接口来实现迭代器模式。
Iterator 接口介绍
Iterator 接口是一个统一的遍历接口，它规定了遍历集合时的行为。一个对象只要部署了 Iterator 接口，就可以使用 for...of 循环遍历它的所有元素。
Iterator 接口包含一个 next 方法，每次调用 next 方法都会返回一个包含 value 和 done 两个属性的对象。value 属性表示当前遍历到的值，done 属性表示遍历是否结束。
下面是一个简单的 Iterator 接口示例：
-- -------------------- ---- -------
----- ---------- - -
------------------- -
--- ----- - --
------ -
------ -
-- ------ - -- -
------ - ------ -------- ----- ----- --
- ---- -
------ - ------ ---------- ----- ---- --
-
-
--
-
--
--- ------ ---- -- ----------- -
------------------
-
-- -----
-- -
-- -
-- -实现迭代器模式
实现迭代器模式需要满足以下两个条件：
- 集合对象必须实现 Iterator 接口。
- 迭代器对象必须实现 next 方法。
下面是一个使用 Iterator 接口实现迭代器模式的例子：
-- -------------------- ---- -------
----- ------------ -
----------------- -
--------- - -----
-
------------------- -
--- ----- - --
----- ---- - ----------
------ -
------ -
-- ------ - ------------ -
------ - ------ -------------- ----- ----- --
- ---- -
------ - ------ ---------- ----- ---- --
-
-
--
-
-
----- ------------ - --- ---------------- -- ----
--- ------ ---- -- ------------- -
------------------
-
-- -----
-- -
-- -
-- -在上面的例子中，我们定义了一个 MyCollection 类，它实现了 Iterator 接口。MyCollection 类包含一个 data 属性，它存储了集合中的元素。在 MyCollection 类的 [Symbol.iterator] 方法中，我们返回了一个迭代器对象，它包含了 next 方法。每次调用 next 方法时，迭代器对象都会返回下一个元素，直到遍历完所有元素。
使用迭代器模式可以让我们更加灵活地遍历集合中的元素，而不必关心集合的具体实现方式。如果我们需要遍历一个新的集合，只需要实现它的 Iterator 接口即可。
总结
ES6 中的 Iterator 接口为我们实现迭代器模式提供了便利。通过实现 Iterator 接口，我们可以让一个对象具备可遍历的特性，从而可以使用 for...of 循环遍历它的所有元素。在实际开发中，迭代器模式可以帮助我们更好地组织代码，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65da9eb71886fbafa47d49c8