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

推荐答案

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

// www.javascriptcn.com code example
class MyCollection {
  constructor(items) {
    this.items = items;
  }

  [Symbol.iterator]() {
    let index = 0;
    const items = this.items;

    return {
      next() {
        if (index < items.length) {
          return { value: items[index++], done: false };
        } else {
          return { done: true };
        }
      }
    };
  }
}

const collection = new MyCollection([1, 2, 3]);

for (const item of collection) {
  console.log(item); // 输出: 1, 2, 3
}

在这个示例中，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 中遍历自定义的数据结构。