本文围绕 JavaScript迭代器模式全解析：深入理解遍历机制与实现原理，系统梳理从概念到实现的关键点，帮助你在实际开发中更高效地设计和应用迭代器。
1. JavaScript迭代器概述
1.1 迭代器的基本定义
迭代器在 JavaScript 中是一种遍历数据结构的访问协议，通过实现 next() 方法，迭代器能够按顺序返回序列中的每个元素。这个协议让不同的数据结构能够以统一的方式被逐步消费。
一个典型的迭代器对象包含一个 next() 方法，调用它会返回一个形如 { value: ..., done: true|false } 的对象，done 标志位表示遍历是否结束。
下面是一个简单的自定义迭代器示例，展示如何在对象上实现 next() 与 done 行为：
const myIterator = {index: 0,data: [10, 20, 30],next() {if (this.index < this.data.length) {return { value: this.data[this.index++], done: false };}return { value: undefined, done: true };}
};1.2 迭代器和可遍历对象的关系
可遍历对象（iterable） 是指实现了符号属性 Symbol.iterator 的对象，调用该属性返回的就是一个迭代器对象。通过这个约定，语言层面的 for...of、扩展运算符等便能够统一对待不同的数据结构。
在 JavaScript 标准中，Symbol.iterator 的存在使得 for...of、扩展运算符等语言特性能够“消费”可迭代对象。
示例：让一个数组成为可遍历对象无需改动，数组本身已经具备 Symbol.iterator，因此可直接用于 for...of：
const arr = [1, 2, 3];
for (const v of arr) {console.log(v);
}2. 迭代器模式的实现原理
2.1 Symbol.iterator 的作用
Symbol.iterator 是一个内置的符号，用于定义对象的默认迭代器。通过对对象实现该符号，可以使对象具备“可迭代”的能力，从而在 for...of、解构赋值等场景中被消费。
当对一个对象调用 obj[Symbol.iterator]() 时，浏览器会返回一个迭代器对象，该对象必须实现 next() 方法以提供逐步访问。
下面的示例展示了一个自定义对象如何通过 Symbol.iterator 生成可迭代的迭代器：
const obj = {[Symbol.iterator]() {let i = 0;const data = ['a','b','c'];return {next() {if (i < data.length) return { value: data[i++], done: false };return { value: undefined, done: true };}};}
};for (const ch of obj) {console.log(ch);
}2.2 手写迭代器实现
除了直接复用现成的数据结构，开发者也可以手写一个自包含的迭代器对象，在对象内部维护状态并暴露 next()，以控制遍历逻辑。
该模式的核心要点是：维护内部状态、实现 next() 的驱动逻辑，并在需要时提供 Symbol.iterator，使其具备可迭代性。
示例：一个可迭代的范围生成器实现，返回从 0 到 n-1 的整数：
function makeRange(n) {let i = 0;return {next() {if (i < n) return { value: i++, done: false };return { value: undefined, done: true };},[Symbol.iterator]() { return this; } // 使其本身可迭代};
}
const it = makeRange(5);
for (const v of it) {console.log(v);
}3. 遍历机制的内部工作
3.1 for...of 循环是如何触发迭代的
在执行 for...of 循环时，JavaScript 引擎会完成以下步骤：获取可迭代对象的 Symbol.iterator，然后不断调用 iterator.next()，直到返回的结果中 done 为 true，循环才结束。
最重要的点在于，for...of 负责隐藏迭代细节，让代码聚焦于值的处理，从而提升代码的可读性和可维护性。
下面的示例展示 for...of 的工作流程：
const data = [ 'alpha', 'beta', 'gamma' ];
for (const item of data) {console.log(item);
}3.2 迭代器的消费与惰性评估
生成器与自定义迭代器之间的一个关键差异在于惰性评估能力：值在需要时才产生，这对大数据流或无限序列尤为重要。
与直接暴露 next() 的迭代器相比，生成器提供了一种更简洁的语法来实现同样的遍历逻辑，但核心仍然遵循同样的迭代协议：yield 表达式用于产出值，内部状态由生成器管理。
示例：一个简单的生成器用于产出一个有限序列：
function* numbers() {yield 1;yield 2;yield 3;
}
for (const n of numbers()) {console.log(n);
}4. 常见迭代器模式变体与应用场景
4.1 生成器（generator）在迭代中的角色
生成器是 JavaScript 中实现延迟执行的强大工具，它通过 function*、yield 关键字实现协程般的遍历控制。生成器不仅能产出一组值，还能在需要时暂停和恢复，极大地增强了遍历逻辑的灵活性。
生成器让你可以用简洁的代码实现复杂的遍历模式，例如斐波那契数列、无限序列、以及组合式遍历。
示例：通过生成器输出一个倍数序列，并可在需要时继续扩展：
function* multiplesOf(n, limit) {for (let i = 1; i <= limit; i++) {yield i * n;}
}
for (const m of multiplesOf(3, 4)) {console.log(m);
}4.2 自定义遍历策略与可组合性
可迭代对象的组合能力让遍历策略更加灵活。通过将可迭代对象作为输入，并使用 生成器函数或迭代器包装器，可以实现映射、过滤、合并等遍历操作。
示例：一个简单的映射迭代器，将原始可迭代对象中的值经过函数变换后输出：
function* mapIter(iterable, fn) {for (const x of iterable) {yield fn(x);}
}
const data = [1, 2, 3, 4];
for (const v of mapIter(data, x => x * 2)) {console.log(v);
}5. 性能与实现要点
5.1 避免在迭代中频繁创建对象
在常见的迭代实现中，每次 next() 调用都会返回一个新的对象，这在高密度遍历时可能带来额外的 GC 成本。为了提升性能，优先使用 for...of、解构或批量消费的写法，减少对 next() 的直接调用。
如果你需要更低的对象创建开销，可以考虑把遍历逻辑封装在生成器内部，利用 yield 来产出值，而不是让外部频繁请求下一项。
示例：在大数据场景中，尽量避免手动调用 next()，而让语言特性承担遍历工作：
function* nums(n) {for (let i = 0; i < n; i++) yield i;
}
for (const x of nums(1000000)) {// 直接消费，避免显式 next()
}5.2 资源清理与异常处理
当迭代涉及外部资源或需要清理的场景时，生成器的 finally 块和 return 方法提供了显式清理入口，以确保迭代被正确地中止并释放资源。
示例：在生成器中进行资源清理，手动中止迭代以触发清理逻辑：
function* id() {try {yield 1;yield 2;} finally {console.log('cleanup');}
}
const it = id();
console.log(it.next().value); // 1
it.return(); // 触发 finally，完成清理
