TypeScript中的迭代器和生成器是如何使用的？

翻滚的胖子
2023-08-24 11:46:55
前端技术
JavaScript

迭代器

在TypeScript中，迭代器是一种用于遍历数据集合的对象。它提供了一种简单的方式来访问集合中的每个元素。
要创建一个迭代器，我们需要定义一个包含next方法的对象。next方法返回一个包含两个属性的对象：value和done。

interface Iterator<T> {
    next(): IteratorResult<T>;
}

interface IteratorResult<T> {
    value: T;
    done: boolean;
}

下面是一个示例，演示了如何使用迭代器遍历一个数组：

let numbers = [1, 2, 3];
let iterator = numbers[Symbol.iterator]();

console.log(iterator.next()); // 输出：{ value: 1, done: false }
console.log(iterator.next()); // 输出：{ value: 2, done: false }
console.log(iterator.next()); // 输出：{ value: 3, done: false }
console.log(iterator.next()); // 输出：{ value: undefined, done: true }

在上面的示例中，通过调用数组的Symbol.iterator方法可以获取一个迭代器对象。每次调用迭代器的next方法，都会返回下一个元素的值和done属性。

生成器

生成器是一种特殊的函数，它可以通过yield关键字来暂停和恢复函数的执行。
要定义一个生成器函数，我们需要在函数名称前面加上一个*号，并在函数体内使用yield关键字来指定函数的中断点。

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

let 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 }
console.log(generator.next()); // 输出：{ value: undefined, done: true }

在上面的示例中，生成器函数generateNumbers使用yield关键字来定义了中断点。每次调用生成器的next方法，都会执行到下一个中断点，并返回相应的值和done属性。
生成器提供了一种更简洁、可读性更高的方式来编写迭代器。通过yield关键字，我们可以将迭代逻辑分散在不同的中断点，使得代码更易于理解和维护。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com