生成器和迭代器协议是JavaScript处理数据序列的核心机制，通过实现Symbol.iterator方法和next()返回value与done属性的对象，使对象可迭代。生成器函数使用yield暂停执行，并能通过next()传参实现双向通信，如greet()示例所示，支持状态保持与惰性求值，广泛应用于异步控制与大数据处理。
JavaScript中的生成器（Generator）和迭代器协议（Iterator Protocol）是处理数据序列的重要机制，尤其适用于惰性求值和大量数据的逐步处理。它们让开发者可以更灵活地定义和控制数据遍历行为。
迭代器协议：实现可迭代对象的基础
迭代器协议规定了一个对象如何被逐个访问其元素。只要一个对象实现了 Symbol.iterator 方法，并且该方法返回一个具有 next() 方法的对象，它就是可迭代的。
调用 next() 方法会返回一个包含两个属性的对象：
value：当前步骤的值done：布尔值，表示是否已遍历完成
例如，手动创建一个简单的计数器迭代器：
立即学习“Java免费学习笔记（深入）”；
let counter = {
[Symbol.iterator]() {
let current = 1;
return {
next() {
if (current return { value: current++, done: false };
} else {
return { done: true };
}
}
};
}
};
for (let n of counter) {
console.log(n); // 输出 1, 2, 3
}
生成器函数：简化迭代器创建
生成器是一种特殊函数，能暂停执行并恢复，由 function* 定义，返回一个同时符合迭代器和可迭代协议的对象。使用 yield 关键字来指定每次迭代输出的值。
生成器自动实现了 Symbol.iterator 和 next() 方法，无需手动编写。
示例：用生成器实现斐波那契数列
function* fibonacci() {
let a = 0, b = 1;
while (true) {
yield a;
[a, b] = [b, a + b];
}
}
const fib = fibonacci();
console.log(fib.next().value); // 0
console.log(fib.next().value); // 1
console.log(fib.next().value); // 1
console.log(fib.next().value); // 2
也可以在 for…of 循环中直接使用：
for (let n of fibonacci()) {
if (n > 100) break;
console.log(n);
}
生成器的高级用法：双向通信与状态保持
生成器不仅可以用 yield 向外输出值，还能通过 next() 方法传入数据，实现函数内外通信。
next() 接收的参数会成为当前 yield 表达式的返回值。
例子：一个响应式对话生成器
function* greet() {
const name = yield “What is your name?”;
yield `Hello, ${name}!`;
}
const g = greet();
console.log(g.next().value); // “What is your name?”
console.log(g.next(“Alice”).value); // “Hello, Alice!”
这种特性可用于构建状态机、异步流程控制等场景。
基本上就这些。生成器和迭代器协议共同构成了现代 JavaScript 中处理序列数据的核心能力，尤其在结合 async/await 时展现出强大潜力。理解它们有助于写出更高效、更清晰的数据处理逻辑。
以上就是JavaScript生成器与迭代器协议的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1530703.html
微信扫一扫 
支付宝扫一扫 
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254039529565.jpg)
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254039878675.jpg)
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254039840102.jpg)
![Win10与Ubuntu 18.04双系统安装。（Win10引导Linux）[通俗易懂]](https://www.chuangxiangniao.com/wp-content/uploads/2025/10/175254040055572.jpg)
