JavaScript 中迭代器怎么通过闭包保存指针-js教程-PHP中文网

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

javascript 中迭代器怎么通过闭包保存指针

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

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

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

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

核心逻辑：

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

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

Alibabacloud Sdk Client Initialization For Java

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

下载

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])) {...}。