如何在 JavaScript 中实现迭代器模式？请结合 ES6 的 `Symbol.iterator` 进行解释。

推荐答案

在 JavaScript 中，迭代器模式可以通过实现 Symbol.iterator 来创建自定义的可迭代对象。以下是一个简单的示例：

-- -------------------- ---- -------
----- ------------ -
  ------------------ -
    ---------- - ------
  -

  ------------------- -
    --- ----- - --
    ----- ----- - -----------

    ------ -
      ------ -
        -- ------ - ------------- -
          ------ - ------ --------------- ----- ----- --
        - ---- -
          ------ - ----- ---- --
        -
      -
    --
  -
-

----- ---------- - --- ---------------- -- ----

--- ------ ---- -- ----------- -
  ------------------ -- --- -- -- -
-

在这个示例中，MyCollection 类实现了 Symbol.iterator 方法，该方法返回一个迭代器对象。迭代器对象包含一个 next 方法，每次调用 next 方法都会返回集合中的下一个值，直到所有值都被遍历完毕。

本题详细解读

迭代器模式简介

迭代器模式是一种行为设计模式，它提供了一种方法来顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。在 JavaScript 中，迭代器模式通常用于遍历集合或数据结构。

Symbol.iterator 的作用

Symbol.iterator 是一个内置的 Symbol 值，它定义了对象的默认迭代器。当一个对象实现了 Symbol.iterator 方法时，该对象就成为了一个可迭代对象，可以使用 for...of 循环或其他接受可迭代对象的语法（如扩展运算符 ...）来遍历它。

实现步骤

1. 定义类：首先定义一个类，该类包含一个数组或其他数据结构来存储元素。
2. 实现 Symbol.iterator 方法：在类中实现 Symbol.iterator 方法，该方法返回一个迭代器对象。
3. 迭代器对象：迭代器对象必须包含一个 next 方法，next 方法返回一个包含 value 和 done 属性的对象。value 是当前迭代的值，done 是一个布尔值，表示迭代是否完成。

示例代码解析

• MyCollection 类：这个类包含一个数组 items，用于存储集合中的元素。
• Symbol.iterator 方法：该方法返回一个迭代器对象，该对象包含一个 next 方法。next 方法通过维护一个 index 变量来跟踪当前迭代的位置，并返回相应的值。
• for...of 循环：通过 for...of 循环遍历 MyCollection 实例时，会自动调用 Symbol.iterator 方法，并使用返回的迭代器对象来逐个访问集合中的元素。

通过这种方式，我们可以轻松地实现自定义的迭代器模式，并在 JavaScript 中遍历自定义的数据结构。