javascript迭代器和生成器是什么_如何自定义可迭代对象？-js教程-PHP中文网

javascript迭代器和生成器是什么_如何自定义可迭代对象？

紅蓮之龍

发布： 2025-12-17 08:37:02

原创

452人浏览过

JavaScript中迭代器是含next()方法的对象，返回{value,done}；生成器是简化迭代器创建的函数，用yield声明值。自定义可迭代对象需实现[Symbol.iterator]()返回新迭代器，确保惰性求值和多次调用互不干扰。

javascript迭代器和生成器是什么_如何自定义可迭代对象？

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免费学习笔记（深入）”；

每次 next() 调用恢复执行，直到下一个 yield 或函数结束
自动处理 done 和 value，无需手动构造返回对象
支持 yield* 委托其他可迭代对象

改写上面的例子：

Notion Sites

Notion 推出的AI网站构建工具，允许用户将 Notion 页面直接发布为完整网站。

246

查看详情

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

登录后复制