迭代器与生成器：你可能不知道的秘密武器

2024-02-04 17:28:50

在 JavaScript 的广阔世界中，迭代器和生成器经常被认为是开发人员的秘密武器。然而，许多人对它们的作用和实际应用知之甚少。在这篇文章中，我们将揭开迭代器和生成器的神秘面纱，探索它们鲜为人知的潜力。

迭代器：遍历集合的利器

迭代器本质上是一个对象，它允许我们遍历一个集合（例如数组或对象），每次返回一个元素。通过提供一个 next() 方法，迭代器可以让我们逐一检查集合中的元素。

const myArray = [1, 2, 3, 4, 5];

// 创建一个迭代器
const iterator = myArray[Symbol.iterator]();

// 遍历迭代器
while (true) {
  const { value, done } = iterator.next();

  if (done) {
    break;
  }

  console.log(value); // 输出：1 2 3 4 5
}

生成器：按需创建值的强大工具

生成器是一种特殊类型的函数，它允许我们在需要时逐个生成值，而不是一次性返回整个结果。生成器通过 yield 创建，它指示生成器暂停执行并返回当前值。

// 定义一个生成器函数
function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

// 创建一个生成器对象
const generator = myGenerator();

// 按需获取值
console.log(generator.next()); // 输出：{ value: 1, done: false }
console.log(generator.next()); // 输出：{ value: 2, done: false }
console.log(generator.next()); // 输出：{ value: 3, done: true }