Ja vaScript 中迭代器用闭包维护游标位置，核心做法是把当前索引封装在闭包作用域里，不暴露给外部。每次调用 next() 时，内部更新游标并返回对应值。

通常会把私有游标 i 的初始值设为 0。每调用一次 next()，游标就向前加 1，同时返回当前位置对应的值。整个过程中，游标本身不会直接暴露给外部，只能通过 next 方法被间接读取和推进。

闭包如何封装游标变量

游标，例如数组下标 index，通常放在生成器函数内部维护。它不会作为参数从外部传入，也不会挂到返回对象上。

正因为如此，外部无法直接拿到它，也无法修改它。只能通过调用 next()，间接读取状态并推动它继续向前。

• 游标变量初始化为 0，每次 next() 执行后自增
• 闭包让该变量在多次 next() 调用间保持状态，不会重置
• 返回的迭代器对象只暴露 next 方法，不暴露游标本身

手动实现一个数组迭代器

下面是一个典型例子。基于闭包的数组迭代器中，游标 i 是完全私有的：

function createArrayIterator(arr) {
let i = 0; // 游标，被闭包捕获
return {
next() {
if (i < arr.length) {
return { value: arr[i++], done: false };
} else {
return { value: undefined, done: true };
}
}
};
}

const it = createArrayIterator(['a', 'b', 'c']);
console.log(it.next()); // { value: 'a', done: false }
console.log(it.next()); // { value: 'b', done: false }
console.log(it.next()); // { value: 'c', done: false }
console.log(it.next()); // { value: undefined, done: true }

这个实现的关键在于，i 定义在 createArrayIterator 内部。函数返回后，next() 依然可以访问并修改它，这就是闭包保存状态的方式。

与原生 Symbol.iterator 的区别

原生迭代器，例如数组的 [Symbol.iterator]()，底层也会用类似机制维护状态，只是这个过程对用户透明。

手动用闭包实现的优势在于可控性更强：

• 可以定制游标逻辑，比如跳过偶数索引、反向遍历
• 可添加重置方法，如 reset()，只需在闭包内暴露额外函数
• 避免依赖 for...of 或扩展运算符，适合流式/惰性数据场景

注意点：避免闭包意外共享

如果多个迭代器共用同一个闭包作用域，比如在循环中错误复用变量，就可能导致游标错乱。

正确做法是确保每个迭代器都有独立的闭包。

• 每次调用生成器函数都创建新闭包，各自拥有独立 i
• 不要把游标定义在函数外或模块顶层
• 调试时可通过 console.dir(it) 确认闭包中只有预期变量

《夸克》非常好用的免费AI浏览器

下载APP查看