迭代器与生成器：深层次理解ES6的核心抽象特性

2024-01-05 15:44:35

迭代器和生成器是 ES6 中引入的两个重要概念。它们都是用来处理集合数据的一种方式，但它们之间有一些关键的区别。迭代器用于遍历集合中的元素，而生成器用于创建集合中的元素。

迭代器

迭代器是一个对象，它具有一个 next() 方法。当调用 next() 方法时，迭代器会返回一个包含两个属性的对象：value 和 done。value 属性包含当前元素的值，done 属性是一个布尔值，指示迭代器是否已经遍历完集合。

例如，以下代码使用迭代器来遍历一个数组：

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);
}

这段代码会输出以下结果：

生成器

生成器函数是一个特殊的函数，它可以返回一个迭代器。生成器函数使用 yield 来定义迭代器。yield 关键字会暂停生成器函数的执行，并返回一个值。当下次调用生成器函数时，它会从 yield 关键字处继续执行。

例如，以下代码使用生成器函数来创建一个斐波那契数列：

function* fibonacci() {
  let a = 0;
  let b = 1;

  while (true) {
    yield a;

    let c = a + b;
    a = b;
    b = c;
  }
}

const fib = fibonacci();

for (const number of fib) {
  console.log(number);

  if (number > 100) {
    break;
  }
}