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 }。它不一次性加载全部数据，适合处理大集合或无限序列：
立即学习“Java免费学习笔记（深入）”；
- 生成器函数（
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 数据操作的隐形骨架。
