JavaScript中迭代器是含next()方法的对象，返回{value,done}；生成器是简化迭代器创建的函数，用yield声明值。自定义可迭代对象需实现[Symbol.iterator]()返回新迭代器，确保惰性求值和多次调用互不干扰。
JavaScript 中的迭代器（Iterator）和生成器（Generator）是处理序列数据的两种核心机制，它们让对象能被 for...of、解构赋值、扩展运算符（...）等语法自然消费。自定义可迭代对象，关键在于实现一个符合规范的 [Symbol.iterator]() 方法，返回一个迭代器对象。
迭代器是什么？
迭代器是一个具有 next() 方法的对象，每次调用返回形如 { value, done } 的结果：
value：当前迭代项的值（可以是任意类型） done：布尔值，true 表示迭代结束，false 表示还有值
例如手动创建一个简单迭代器：
const counter = { [Symbol.iterator]() { let i = 0; return { next() { if (i < 3) { return { value: i++, done: false }; } else { return { value: undefined, done: true }; } } }; }};for (const n of counter) console.log(n); // 0, 1, 2
生成器函数：更简洁的迭代器工厂
生成器函数用 function* 声明，内部用 yield 暂停执行并产出值。调用后返回一个生成器对象（它本身就是一个迭代器）：
立即学习“Java免费学习笔记（深入）”；
每次 next() 调用恢复执行，直到下一个 yield 或函数结束 自动处理 done 和 value，无需手动构造返回对象 支持 yield* 委托其他可迭代对象
改写上面的例子：
const counter = { *[Symbol.iterator]() { yield 0; yield 1; yield 2; }};
如何自定义可迭代对象？
只要对象的 [Symbol.iterator] 方法返回一个有效迭代器，它就是可迭代的。常见方式有：
直接在对象字面量中定义 [Symbol.iterator]()（如上例） 在类中定义该方法，使实例可迭代 复用已有的可迭代结构，比如用 yield* 委托数组或 Map
例如让一个类支持遍历其内部数据：
class Countdown { constructor(n) { this.n = n; } *[Symbol.iterator]() { for (let i = this.n; i > 0; i--) { yield i; } }}for (const x of new Countdown(3)) console.log(x); // 3, 2, 1
注意点和常见误区
自定义时需确保迭代器行为符合预期：
迭代器应是“惰性求值”的，next() 调用才计算下一个值 多次调用 [Symbol.iterator]() 应返回**新迭代器**（否则 for...of 多次使用会互相干扰） 一旦 done: true，后续 next() 仍应返回 { value: undefined, done: true } 生成器函数中 return 的值会作为最后一次 next() 的 value（但 done 仍为 true）
基本上就这些。不复杂但容易忽略细节，关键是理解 next() 协议和 [Symbol.iterator] 的桥梁作用。
以上就是javascript迭代器和生成器是什么_如何自定义可迭代对象？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543101.html
微信扫一扫 
支付宝扫一扫 
