JavaScript迭代器通过闭包保存指针，即外层函数初始化状态变量（如index、arr），返回的next()函数共享该闭包环境，使指针私有、多实例独立且无需this绑定。

JavaScript 中迭代器通过闭包保存指针，本质是利用闭包“记住词法作用域中变量”的能力，把迭代状态（如当前索引、已遍历项、done 标志等）封装在函数内部，不暴露给外部，也不依赖全局或对象属性。

这种模式常见于手动实现可复用、无副作用的迭代器，尤其适合数组、字符串、自定义数据结构等场景。

---

迭代器如何用闭包保存内部指针

闭包让 next() 方法能持续访问并修改外层函数中定义的状态变量（比如 index、items、done），这些变量在迭代器创建后就“私有化”，不会被意外篡改。

核心逻辑：

立即学习“Java免费学习笔记（深入）”；

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 外层函数接收数据源（如数组），初始化状态变量；
• 返回一个 next() 函数，它读取、更新这些变量，并返回 { value, done }；
• 每次调用 next() 都共享同一份闭包环境，指针自然延续。

示例：为数组手动实现迭代器

function createArrayIterator(arr) {
  let index = 0;
  return function next() {
    if (index >= arr.length) {
      return { done: true };
    }
    return {
      value: arr[index],
      done: false
    };
    index++; // 注意：这里实际应放在 return 前，仅作示意
  };
}

const it = createArrayIterator([10, 20, 30]);
console.log(it()); // { value: 10, done: false }
console.log(it()); // { value: 20, done: false }
console.log(it()); // { value: 30, done: false }
console.log(it()); // { done: true }

✅ 关键点：

• index 是闭包内变量，每次 it() 调用都操作同一个 index；
• arr 也被闭包捕获，即使 createArrayIterator 执行结束，arr 仍可访问；
• 不需要 this、类实例或额外对象，轻量且隔离。

---

为什么闭包比普通对象更适合作为迭代器指针载体

• 状态私有：index 和 arr 无法从外部直接读写，避免误操作；
• 多实例独立：每个 createArrayIterator([...]) 调用生成独立闭包，互不影响；
• 符合迭代器协议：返回的函数满足 next() 接口，可直接用于 for...of（需加 Symbol.iterator）；
• 无 this 绑定烦恼：不像类方法那样需处理 this 指向问题。

补充：若要支持 for...of，只需稍作扩展：

function arrayIterator(arr) {
  let index = 0;
  return {
    next() {
      if (index >= arr.length) {
        return { done: true };
      }
      return { value: arr[index++], done: false };
    },
    [Symbol.iterator]() {
      return this;
    }
  };
}

这样就能 for (const x of arrayIterator([1,2,3])) {...}。

---

实际开发中需要注意的细节

• 闭包保存的是引用值：如果传入的是对象数组，arr 内容变化会影响迭代结果；
• 指针不可逆：next() 只进不退，如需重置，得重新调用工厂函数；
• 不要长期持有大数组或 DOM 节点引用：闭包会阻止垃圾回收，可能引发内存泄漏；
• 若需支持 return() 或 throw()（可选协议），需在闭包中额外维护中断状态。

不复杂但容易忽略