JavaScript迭代器协议规定对象需有[Symbol.iterator]方法并返回含next()的对象才可被for...of遍历；for...of按步骤调用next()获取{value,done}直至done为true；数组、字符串、Map、Set等内置该协议，普通对象需手动添加。
JavaScript 的迭代器协议（Iterator Protocol）是一套规范，它让对象能被 for...of 循环统一遍历。简单说：只要一个对象有 [Symbol.iterator] 方法，且该方法返回一个符合迭代器接口的对象，它就是“可迭代的”，就能用 for...of。
for...of 循环到底在做什么？
它不是凭空遍历，而是按固定步骤调用迭代器：
- 先检查目标对象有没有
[Symbol.iterator]属性 - 如果有，就调用它，得到一个迭代器对象（必须有
next()方法） - 反复调用
next()，每次返回形如{ value: 当前值, done: 是否结束 }的对象 - 直到
done为true，循环自然停止
哪些东西天生支持 for...of？
这些数据结构都内置了 [Symbol.iterator]，开箱即用：
- 数组（
[1,2,3]）→ 遍历元素值 - 字符串（
"abc"）→ 遍历每个字符（包括 emoji、Unicode 字符） -
Map→ 遍历[key, value]数组，支持解构：for (let [k, v] of map) -
Set→ 遍历唯一值 -
TypedArray、arguments、NodeList等类数组对象
普通对象为什么不能直接 for...of？
因
为 {} 默认没有 [Symbol.iterator] 属性：
{}.toString() // "[object Object]"{}[Symbol.iterator] // undefined
想让它可迭代，得手动加：
- 用
Object.entries(obj)包一层再遍历：for (let [k, v] of Object.entries(obj)) - 或直接给对象挂上
[Symbol.iterator]方法，返回一个带next()的对象（适合高级定制）
for...of 和 for...in 的关键区别
别混用：
-
for...in遍历对象的**可枚举属性名**（键），还会顺着原型链找，顺序不保证 -
for...of遍历可迭代对象的**值本身**，只走自己定义的数据，顺序确定，不碰原型 - 数组别用
for...in——它遍历的是索引字符串（"0", "1", "2"），不是元素值
基本上就这些。理解 Symbol.iterator 是钥匙，next() 是引擎，for...of 是用户友好的外壳。不复杂但容易忽略底层机制。
