JavaScript 迭代器和生成器的初始演进：释放异步代码的力量

2023-11-25 13:52:08

迭代器和生成器：异步编程的催化剂

在 JavaScript 的广袤世界中，迭代器和生成器扮演着至关重要的角色，为异步编程赋予了新的生命。它们诞生于 ES6，为遍历数据结构和处理异步操作提供了优雅而强大的解决方案。本文将带您踏上探索这些工具的旅程，揭示它们如何提升您的代码效率和可维护性。

迭代器：遍历数据的利器

迭代器是一个对象，它提供一种标准化的方式来遍历集合中的元素，例如数组、对象或自定义数据结构。它提供了一个 next() 方法，该方法返回一个对象，其中包含当前元素及其是否为集合中最后一个元素的指示。

const numbers = [1, 2, 3, 4, 5];
const iterator = numbers[Symbol.iterator]();

while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // 输出：1, 2, 3, 4, 5
}

迭代器与传统 for 循环相比具有显着的优势：

可组合性： 迭代器可以轻松组合，创建复杂的遍历管道。
暂停和恢复： 您可以暂停迭代并稍后恢复，而无需跟踪当前索引。
惰性求值： 迭代器仅在需要时才计算值，提高了大型数据集的性能。

生成器：异步编程的引擎

生成器是 ES6 中引入的另一项创新，它扩展了迭代器的概念，允许您暂停和恢复函数执行。它们通过使用 yield 工作，该关键字将函数暂停并返回一个值。函数可以稍后使用 next() 方法恢复，继续从暂停点执行。

function* generateNumbers() {
  yield 1;
  yield 2;
  yield 3;
  yield 4;
  yield 5;
}

const generator = generateNumbers();

console.log(generator.next()); // { value: 1, done: false }
console.log(generator.next()); // { value: 2, done: false }
console.log(generator.next()); // { value: 3, done: false }