es6 语法学习 - 迭代器模式

es6 语法学习 - 迭代器模式

一、基本概念

迭代器模式（Iterator Pattern）是一种行为设计模式，，它提供一种访问一个集合对象中元素的方法，而不暴露该对象的内部表示。通过迭代器模式，客户端可以以统一的方式遍历不同类型的集合（如数组、列表、集合等），简化了对各种集合的操作。

二、 优点

• 统一的遍历接口：可以使用相同的接口访问不同类型的集合，增加了代码的可重用性。
• 封装集合的内部表示：客户端在使用集合时，不需要了解集合的具体实现细节，有助于提高抽象性和灵活性。
• 多个遍历器：可以为同一个集合创建多个迭代器，支持并行遍历。

三、缺点

• 增加了复杂性：引入多层抽象可能会使代码变得复杂，特别是在简单集合的情况下。
• 只能向前遍历：大多数迭代器只能向前遍历集合，无法支持随机访问。

四、使用场景

• 当需要透明地遍历一个容器中的元素，而不暴露其内部结构时。
• 为不同类型的集合对象提供一个统一的遍历接口。

五、示例代码

ES6 引入了内置的迭代器支持，包括Symbol.iterator方法和for...of循环，这使得在 JavaScript 中实现和使用迭代器模式变得更加简单和直观。

以下是一个使用 ES6 语法实现迭代器模式的例子，这个例子创建了一个简单的自定义集合类，并为其实现了迭代器：

// 自定义集合类
class MyCollection {
  constructor(items) {
    this.items = items;
  }

  // 实现Symbol.iterator方法，返回一个迭代器对象
  [Symbol.iterator]() {
    let index = 0;
    const items = this.items;
    return {
      // 迭代器对象的next方法
      next: function () {
        if (index < items.length) {
          return { value: items[index++], done: false };
        } else {
          return { done: true };
        }
      },
    };
  }
}

// 使用自定义集合类
const myCollection = new MyCollection([1, 2, 3, 4, 5]);

// 使用for...of循环遍历集合
for (const item of myCollection) {
  console.log(item); // 输出: 1, 2, 3, 4, 5
}

// 手动使用迭代器遍历集合
const iterator = myCollection[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value); // 输出: 1, 2, 3, 4, 5
  result = iterator.next();
}