【TypeScript迭代器和生成器简介以及使用方法】

在TypeScript（以及JavaScript）中，迭代器和生成器是处理集合数据（如数组、对象、Map、Set等）的强大工具。它们允许你以可控的方式遍历数据集合，并在遍历过程中进行复杂的操作。

迭代器（Iterator）

迭代器是一个对象，它定义了一个序列，并且包含了一个next()方法。每次调用next()方法时，都会返回一个对象，该对象包含两个属性：value（当前元素的值）和done（一个布尔值，表示是否已遍历到序列的末尾）。

在TypeScript中，你可以通过实现Iterable接口（具有[Symbol.iterator]()方法）来使一个对象可迭代。

使用方法：

1. 定义迭代器：

let iterable = {
  [Symbol.iterator]() {
    let count = 0;
    return {
      next() {
        if (count < 3) {
          return { value: count++, done: false };
        } else {
          return { done: true };
        }
      }
    };
  }
};

2. 使用for…of循环遍历：

由于iterable对象实现了Iterable接口，你可以使用for...of循环来遍历它。

for (const value of iterable) {
  console.log(value); // 输出: 0 1 2
}

生成器（Generator）

生成器是一种特殊的函数，它可以在执行过程中挂起（yield）和恢复（resume）。生成器函数使用function*语法定义，并在函数体中使用yield表达式来返回值。每次调用生成器的next()方法时，都会执行到下一个yield表达式，并返回该表达式的值。

使用方法：

1. 定义生成器：

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

const generator = generatorFunction();

2. 使用生成器：

通过调用生成器的next()方法来获取下一个值。

console.log(generator.next().value); // 输出: 1
console.log(generator.next().value); // 输出: 2
console.log(generator.next().value); // 输出: 3
console.log(generator.next().done);  // 输出: true

3. 生成器与迭代器：

生成器函数默认返回一个迭代器对象，因此你可以直接使用生成器函数来创建可迭代的对象。

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

for (const num of numbers()) {
  console.log(num); // 输出: 1 2 3
}

注意事项

• 迭代器和生成器在处理大量数据时非常有用，因为它们允许你按需生成和遍历数据，而不是一次性加载所有数据到内存中。
• 生成器函数内部可以使用yield*表达式来委托给另一个生成器或可迭代对象。
• 迭代器和生成器也可以与其他ES6功能（如Promise、解构赋值等）结合使用，以实现更复杂的异步编程模式。