javaScript 迭代器是拥有 next()方法的 对象 ，返回{value, done} 对象；其可迭代性由 [symbol.iterator] 方法实现，供for…of 等语法使用。
javascript 迭代器是一个具有 next() 方法的对象，每次调用返回形如 {value: ……, done: true|false} 的结果。它本身不决定“怎么遍历”，只负责按需提供下一个值；而让对象“可迭代”，关键在于实现 [Symbol.iterator] 方法——这是 for…of、解构、扩展 运算符 等语法背后的统一 接口。
迭代器的核心：next() 方法
一个合法的迭代器对象必须有 next() 方法，该方法：
- 无参数（或仅接受一个可选参数，用于向生成器传值）
- 返回一个对象，含
value（当前产出的值）和done（布尔值，true表示遍历结束） -
done: true后再调用next()，通常仍应返回{value: undefined, done: true }
例如手动创建一个简单迭代器：
const counter = {current: 0, next() {if (this.current < 3) {return { value: this.current++, done: false}; } return {value: undefined, done: true}; } }; // 可以用 for……of？不行——它没有 [Symbol.iterator]
让对象可迭代：实现 [Symbol.iterator]
只要对象的 [Symbol.iterator] 方法返回一个迭代器，它就自动支持 for……of、[……obj]、Array.from(obj) 等操作。这个方法本身可以是：
立即学习“Java 免费学习笔记（深入）”；
- 一个普通函数，返回迭代器对象（如上面的
counter） - 一个生成器函数（
function*），此时方法体自动返回迭代器 - 直接复用已有的迭代器（如数组的
values()）
给上面的 counter 加上可迭代能力：
counter[Symbol.iterator] = function() { return { current: 0, next() {if (this.current < 3) {return { value: this.current++, done: false}; } return {value: undefined, done: true}; } }; }; // 现在可以用了 for (const n of counter) console.log(n); // 0, 1, 2 console.log([……counter]); // [0, 1, 2]
更简洁写法：用生成器函数
生成器函数（function*）天然返回迭代器，代码更清晰、状态更安全（不用手动管理 this）：
const range = {from: 0, to: 2, *[Symbol.iterator]() { for (let i = this.from; i <= this.to; i++) {yield i;} } }; console.log([……range]); // [0, 1, 2]
注意：yield 会自动包装成 {value: i, done: false}；循环 结束后，生成器自动返回 {value: undefined, done: true}。
常见可迭代对象与自定义建议
原生可迭代对象包括 Array、map、Set、String、TypedArray、arguments、NodeList 等。自定义时建议：
- 保持
[Symbol.iterator]是无参方法（除非你明确需要传参控制行为） - 确保每次调用都返回新迭代器（避免多个 for…of 共享同一状态）
- 如果数据源是只读的（如配置对象），可缓存迭代器；否则每次返回新实例
- 考虑兼容性：
Symbol.iterator在 IE 中不支持，需 polyfill 或降级处理
例如安全的多次遍历写法：
class Countdown {constructor(n) {this.n = n;} *[Symbol.iterator]() { let i = this.n; while (i > 0) yield i--; } } const c = new Countdown(3); console.log([……c]); // [3, 2, 1] console.log([……c]); // [3, 2, 1] —— 每次都是新迭代器以上就是
