JavaScript多版本兼容遍历需封装统一入口函数，按优先级检测原生可迭代对象、类数组、Map/Set、数字索引对象，并结合Symbol.iterator轻量polyfill、Iterable包装器及Babel+core-js构建时降级。
JavaScript 中 Iterator 本身是 ES6+ 的特性，低版本环境（如 IE 或旧版 Node.js）不支持 Symbol.iterator 和原生迭代协议，因此无法直接使用 for...of、扩展运算符（[...iterable]）、解构等语法。要实现“多版本兼容降级遍历”，核心不是让老环境支持 Iterator，而是提供一个统一的、可识别多种数据源（数组、类数组、Map/Set、自定义迭代器、甚至仅含 length 和数字索引的对象）的遍历抽象层，并自动选择最适配的遍历策略。
统一入口：封装一个 polyfill-style 的遍历函数
定义一个类似 each(iterable, callback) 或 toArray(iterable) 的工具函数，内部按优先级检测数据类型并选用对应遍历方式：
- 优先检查是否为原生可迭代对象（
typeof obj[Symbol.iterator] === 'function'），且非String（避免把字符串误当集合遍历）——适用于现代浏览器和 Node.js ≥ 4（需启用--harmony）或 ≥ 12； - 其次检测是否为类数组（
hasOwnProperty.call(obj, 'length') && typeof obj.length === 'number' && obj.length >= 0），再尝试用Array.prototype.slice.call(obj)转为数组（兼容 IE6+）； - 再检查是否为
Map/Set实例（通过obj.constructor === Map || obj.constructor === Set或更稳妥的obj instanceof Map，但注意跨 iframe 问题，可用toString.call(obj) === '[object Map]'）； - 最后 fallback 到简单 for 循环（
for (let i = 0; i < obj.length; i++)），适用于纯数字索引对象或 arguments。
对 Symbol.iterator 做轻量级 polyfill（仅用于检测，不实现完整协议）
在不支持 Symbol 的环境（如 IE11 及以下），不能创建真正的 Symbol.iterator，但可以模拟检测逻辑：
- 全局注入
Symbol.iterator = '@@iterator'（仅作标记，不参与真实迭代）； - 遍历函数中改用
typeof obj[Symbol.iterator || '@@iterator'] === 'function'安全检测； - 注意：这不会让老环境真正支持
for...of，只是让你的统一遍历函数能“识别”那些已手动添加了[Symbol.iterator]()方法的自定义对象（比如你自己的类在新环境里实现了迭代器，而你在老环境里用 Babel 编译后加了 shim）。
构建可降级的 Iterable 包装器
对需要被遍历的自定义数据结构，不要直接暴露 [Symbol.iterator]，而是提供一个 .values()、.entries() 或 .forEach() 方法，并在包装器中统一处理兼容性：
立即学习“Java免费学习笔记（深入）”；
- 例如：
class MyList { forEach(cb) { /* 兼容老环境的 for 循环 */ } [Symbol.iterator]() { return this.values(); } values() { /* 返回迭代器或数组 */ } }； - 外部调用始终用
myList.forEach(...)（完全兼容）或toArray(myList)（统一入口）； - 新环境用户仍可写
for (const x of myList)，老环境用户只需调用myList.forEach(...)，无需感知差异。
构建时预编译 + 运行时探测（推荐工程化方案）
借助 Babel / TypeScript + core-js，可在构建阶段自动注入最小必要 polyfill：
- Babel 配置
@babel/preset-env并设置targets: { ie: '11' }，启用core-js/stable/instance/for-each等模块； - 对
for...of、扩展运算符等语法，Babel 会自动转译为带Array.from()或Array.prototype.forEach()的代码； -
Array.from()本身在 IE9+ 可用，IE8 及以下需额外 polyfill（如 es5-shim），此时你的统一遍历函数就是最终 fallback； - 关键点：运行时不再做大量类型判断，而是由构建工具生成最简、最稳的降级代码，性能与可维护性兼顾。
