ES6 中引入了生成器函数和迭代器，它们是 JavaScript 中非常强大的语言特性。生成器函数可以通过 yield 语句暂停函数的执行，直到下一次迭代时再继续执行。而迭代器则是可以迭代访问值的对象。我们可以将生成器函数和迭代器结合起来，实现非常灵活的数据处理和流程控制。本文将详细介绍 ES6 中生成器迭代器的实现方式，并提供一些示例代码。
生成器函数
生成器函数是一种特殊的函数，它通过 function* 关键字定义。在生成器函数中，可以使用 yield 语句来暂停函数的执行，并返回一个值给调用方。
下面是一个简单的例子：
function* count() {
for(let i = 0; i < 5; i++) {
yield i;
}
}
const generator = count(); // Iterator { }
console.log(generator.next()); // { value: 0, done: false }
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: 4, done: false }
console.log(generator.next()); // { value: undefined, done: true }在这个例子中，我们定义了一个生成器函数 count，每次执行时通过 yield 返回一个新的值。我们在函数外部使用 count() 初始化了一个生成器对象 generator，并通过调用 generator.next() 来访问该对象的下一个值。在每一次 next() 调用时，count 函数会从上一次 yield 处继续执行，返回一个值和一个 done 标记。当 count 函数执行到结束时，done 标记会变成 true，并且 value 的返回值变成 undefined。
迭代器
迭代器是一种实现了迭代协议的对象。在 JavaScript 中，一个迭代器对象必须实现 next() 方法。next() 方法可以返回一个对象，其中包含两个属性：value 和 done。value 属性表示迭代到的当前值，done 属性表示迭代的状态，如果迭代结束，则 done 为 true。
下面是一个简单的迭代器示例：
const iterable = { // 迭代器需要满足 Symbol.iterator 接口
[Symbol.iterator]() {
let i = 3;
return {
next() {
i--;
if (i >= 0) {
return { value: i + 1, done: false };
}
return { done: true };
}
};
}
};
for(let value of iterable) {
console.log(value); // 3 2 1
}在这个例子中，我们定义了一个包含 next() 方法的迭代器对象。在我们的迭代器对象中，next() 方法返回一个对象，包含当前迭代的值和一个 done 标记。在 for-of 循环中，我们将迭代器作为一个可迭代对象，并遍历其中的所有元素。
实现迭代器协议的生成器迭代器
在 ES6 中，生成器函数可以实现迭代器协议，因此可以用来创建迭代器对象。生成器函数会生成一个迭代器对象，可以使用这个迭代器对象来获取生成器返回的值。我们可以通过 yield 关键字从生成器函数中返回值，并通过遍历器获取生成器中的值。
下面是一个使用生成器函数实现的迭代器示例：
function* fibonacci() {
let [prev, curr] = [0, 1];
while (true) {
[prev, curr] = [curr, prev + curr];
yield curr;
}
}
const iterator = fibonacci();
console.log(iterator.next().value); // 等同于 fibonacci().next().value;
console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);
console.log(iterator.next().value);在这个例子中，我们使用生成器函数来实现一个斐波那契数列的迭代器，并初始化了一个迭代器对象 iterator。每次调用 iterator.next() 方法时，生成器函数会执行到下一个 yield 语句处，并将该语句返回的值作为 next() 方法的返回值的 value 属性。
总结
在本文中，我们介绍了 ES6 中生成器函数和迭代器的基本概念以及实现方式。通过生成器函数和迭代器的结合使用，可以实现非常高效、灵活的数据处理和流程控制。希望这篇文章对你有所帮助，有助于你更好地理解和应用 JavaScript 中的高级语言特性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6592655ceb4cecbf2d734616