ES6中的迭代器Iterator和生成器Generator详解

在ES6中，迭代器（Iterator）和生成器（Generator）是两个重要的概念，它们都与可迭代对象相关。迭代器是一种接口，用于遍历可迭代对象的值，而生成器则是实现迭代器接口的一种特殊函数。
一、迭代器（Iterator）
迭代器是一个对象，它提供了一种遍历可迭代对象中元素的方法。要创建一个迭代器，需要实现next()方法。当调用next()方法时，它会返回一个对象，该对象包含两个属性：value和done。value属性表示当前迭代的值，done属性表示是否还有更多的元素可以迭代。
下面是一个简单的迭代器示例：

function makeIterator(array) {
let index = 0;
return {
next: function() {
return index < array.length ?
{value: array[index++], done: false} :
{done: true};
}
};
}
const it = makeIterator(['a', 'b', 'c']);
console.log(it.next().value); // 输出 'a'
console.log(it.next().value); // 输出 'b'
console.log(it.next().value); // 输出 'c'
console.log(it.next().done); // 输出 true

在上面的示例中，我们定义了一个makeIterator函数，它接受一个数组作为参数，并返回一个迭代器对象。该迭代器对象有一个next方法，用于获取下一个元素。当所有元素都被遍历后，返回一个表示结束的对象，其done属性为true。
二、生成器（Generator）
生成器是一种特殊的函数，它可以被暂停和恢复执行。生成器函数使用function*语法定义，而不是普通的函数语法。在生成器函数内部，可以使用yield关键字来暂停和恢复函数的执行。每次调用yield语句时，生成器函数会返回一个值，并将控制权交给调用者。当再次调用生成器函数时，它将继续执行直到遇到下一个yield语句或函数结束。
下面是一个简单的生成器示例：

function* generatorFunc() {
yield 'a';
yield 'b';
yield 'c';
}
const gen = generatorFunc();
console.log(gen.next().value); // 输出 'a'
console.log(gen.next().value); // 输出 'b'
console.log(gen.next().value); // 输出 'c'
console.log(gen.next().done); // 输出 true

在上面的示例中，我们定义了一个名为generatorFunc的生成器函数。该函数使用yield语句返回三个值：’a’、’b’和’c’。然后我们创建了一个生成器对象gen，并使用next()方法获取每个返回的值。当所有值都被获取后，返回一个表示结束的对象，其done属性为true。
总结：
通过使用迭代器和生成器，我们可以更加灵活地处理可迭代对象的值。迭代器提供了一种遍历可迭代对象的方法，而生成器则提供了一种更加灵活的机制来控制函数的执行流程。在实际应用中，可以根据需要选择使用迭代器或生成器来处理可迭代对象。