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免费学习笔记（深入）”；
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 每次
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] 的桥梁作用。
