在JavaScript中，让类实例可迭代需在原型上定义[Symbol.iterator]方法并返回符合迭代器协议的对象；推荐用function*生成器，也可手动实现含next()的对象。

在 JavaScript 中，让一个类的实例变成可迭代对象，关键是在类的原型上定义 [Symbol.iterator] 方法，该方法必须返回一个符合迭代器协议的对象（即具有 next() 方法的对象）。

1. 基本写法：在类中定义 [Symbol.iterator] 方法

直接在类内部用计算属性名语法声明该方法即可。它通常返回一个生成器函数（function*）或手动实现的迭代器对象。

• 推荐用 function* 生成器，写法简洁、逻辑清晰
• 方法必须是实例方法（定义在原型上），不能是静态方法
• 返回的迭代器每次调用 next() 应返回 { value, done } 形式的对象

2. 示例：让类实例遍历内部数组数据

假设有一个 Container 类，内部维护一个 items 数组，希望用 for...of 直接遍历它：

Alibabacloud Sdk Client Initialization For Java

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

下载

class Container {
  constructor(items = []) {
    this.items = items;
  }

  *[Symbol.iterator]() {
    for (const item of this.items) {
      yield item;
    }
  }
}

// 使用
const box = new Container(['a', 'b', 'c']);
for (const x of box) {
  console.log(x); // 'a', 'b', 'c'
}
console.log([...box]); // ['a', 'b', 'c']

3. 手动实现迭代器（非生成器方式）

如果需要更精细控制（比如支持多次遍历、状态重置等），可以返回一个带 next() 的对象：

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

class Container {
  constructor(items = []) {
    this.items = items;
  }

  [Symbol.iterator]() {
    let index = 0;
    const items = this.items;
    return {
      next() {
        if (index < items.length) {
          return { value: items[index++], done: false };
        }
        return { value: undefined, done: true };
      }
    };
  }
}

注意：这种写法每次调用 [Symbol.iterator] 都应返回**新迭代器**，避免多个 for...of 循环互相干扰（上面例子中闭包捕获了 index 和 items，保证了独立性）。

4. 注意事项

• [Symbol.iterator] 是一个普通方法，不是 getter —— 不要加 get 关键字（除非你明确想用 getter，但一般不必要）
• 不能写成箭头函数，因为箭头函数无法正确绑定 this，且不支持 yield
• 如果类继承自另一个可迭代类，记得用 super[Symbol.iterator]() 复用或扩展逻辑
• 可迭代性只影响 for...of、展开运算符 [...obj]、解构、Array.from() 等场景，不影响普通属性访问