17370845950

JavaScript的迭代器和可迭代对象统一了数据遍历接口，使for...of、解构赋值、扩展运算符等能通用处理数组、字符串、Map、Set及自定义对象，通过[Symbol.iterator]()方法和.next()协议实现惰性遍历与面向接口编程。

JavaScript 的迭代器和可迭代对象之所以重要，是因为它们统一了数据遍历的接口，让 for...of、解构赋值、扩展运算符（...）等语法能“即插即用”地处理各种数据结构——数组、字符串、Map、Set，甚至你自定义的对象。它们不改变数据本身，而是提供一种标准方式告诉 JavaScript：“我该怎么被循环”。

可迭代对象：有“入口”的数据容器

一个对象只要实现了 [Symbol.iterator]() 方法，并返回一个符合迭代器协议的对象，它就是可迭代的。数组、字符串天生如此，所以你能直接写：

• for (const item of [1,2,3]) {...}
• const [...chars] = "hi"; // ['h', 'i']
• new Set([1,1,2]) // 自动去重，靠的就是遍历源数组

这意味着你不用再为每种数据类型写不同的遍历逻辑——for 循环、.forEach()、.keys()、.values()……统统收敛到一个接口。

迭代器：按需生成的“取数机器”

迭代器是一个有 .next() 方法的对象，每次调用返回 { value, done }。它不一次性加载全部数据，适合处理大集合或无限序列：

• 生成器函数（function*）自动返回迭代器，轻松实现惰性求值
• const it = [1,2,3][Symbol.iterator](); it.next(); // {value: 1, done: false}
• 你可以手动控制遍历节奏，比如实现分页、暂停/恢复、条件中断

自定义可迭代对象：让自己的类也能被 for...of 遍历

只需在类上部署 [Symbol.iterator] 方法，就能让实例支持标准遍历：

class Countdown {
  constructor(n) { this.n = n; }
  *[Symbol.iterator]() {
    while (this.n > 0) yield this.n--;
  }
}
for (const num of new Countdown(3)) console.log(num); // 3, 2, 1

不用改调用方代码，只改数据提供方，就接入了整个迭代生态——这是面向接口编程的典型体现。

它们如何真正简化循环？

不是多了一种写法，而是消除了三类麻烦：

• 类型判断负担：不用再区分是数组、类数组、Map 还是 generator，for...of 一招通吃
• API 碎片化：不必记 map.keys()、set.values()、str[Symbol.iterator]() 各自怎么取，统一用 for...of
• 组合成本高：扩展运算符、Array.from()、解构都依赖可迭代协议，有了它，一行代码就能完成转换：[...myCustomIterable, ...other]

基本上就这些——不复杂但容易忽略，却是现代 JS 数据操作的隐形骨架。