使用 ECMAScript 2016 的生成器函数来实现迭代器模式

迭代器模式是设计模式中的一种，用于顺序访问集合对象的元素，而不需要暴露该集合对象的内部表示。在 JavaScript 中，我们可以使用生成器函数来实现迭代器模式，这样可以更加简单直观地遍历数组或者其他集合对象。本文将介绍如何使用 ECMAScript 2016 的生成器函数来实现迭代器模式。

生成器函数

生成器函数是一种特殊的函数，其返回值是一个迭代器对象。当生成器函数被调用时，它会暂停并返回一个值，直到再次恢复执行。在 JavaScript 中，可以使用 function* 关键字来定义生成器函数，例如：

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

let gen = generator();
console.log(gen.next().value); // 输出 1
console.log(gen.next().value); // 输出 2
console.log(gen.next().value); // 输出 3

在以上代码中，我们定义了一个名为 generator 的生成器函数，其中使用了 yield 关键字。yield 用于定义生成器函数的每个返回值，并且在每次调用 next() 方法时返回。当调用 next() 方法时，生成器函数会从上一次暂停的地方继续执行，直到遇到下一个 yield 关键字或函数结束。在以上代码中，我们定义了一个迭代器对象 gen 并依次打印了每个 yield 的返回值。

实现迭代器模式

生成器函数的特性使其非常适用于实现迭代器模式。我们可以创建一个迭代器函数，以数组为参数，使用 yield 逐一返回数组中的元素。以下为示例代码：

function* iterator(array) {
  let index = 0;
  while (index < array.length) {
    yield array[index++];
  }
}

let arr = [1, 2, 3];
let iter = iterator(arr);

console.log(iter.next().value); // 输出 1
console.log(iter.next().value); // 输出 2
console.log(iter.next().value); // 输出 3

在以上示例代码中，我们定义了一个名为 iterator 的生成器函数，其参数为一个数组。函数中使用 while 循环逐一遍历数组元素，并使用 yield 返回遍历到的元素。在函数外部，我们使用数组 [1, 2, 3] 创造了一个迭代器对象 iter，并依次调用了 next() 方法打印了每个元素。

总结

使用 ECMAScript 2016 的生成器函数来实现迭代器模式可以使代码更加简洁易懂。生成器函数的特性使其可以暂停并返回值，提高了数组遍历的可读性。同时，使用迭代器模式可以隐藏内部数组的实现，保证数据安全性。因此，我们应该在适当的场景中优先考虑使用生成器函数来实现迭代器模式。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a0d902add4f0e0ff90b6c9