NodeList 不是数组，原生 forEach 仅现代浏览器对 querySelectorAll 返回的 NodeList 支持；getElementsByTagName 等返回的动态 NodeList 不支持。推荐用 Array.from()、扩展运算符或 Array.prototype.forEach.call() 转换后使用，或用 for...of 循环。
JavaScript 中 forEach 不能直接在原生 NodeList 上使用（尤其在旧版浏览器或某些 DOM 场景下），因为 NodeList 不是真正的数组，它没有 Array.prototype.forEach 方法——除非该 NodeList 是“可迭代的”且宿主环境已为其挂载了 forEach（如现代 Chrome/Firefox/Edge 对通过 document.querySelectorAll 返回的 NodeList 已支持）。
确认 NodeList 是否原生支持 forEach
现代浏览器中，由 document.querySelectorAll 返回的 NodeList 通常实现了 forEach，但 document.getElementsByTagName 或 document.getElementsByClassName 返回的“动态 NodeList”一般不支持：
-
document.querySelectorAll('div').forEach(...)✅ 多数情况可用 -
document.getElementsByTagName('div').forEach(...)❌ 会报错：TypeError: ...forEach is not a function
安全可靠的兼容写法
为确保跨浏览器和跨 API 类型的兼容性，推荐将 NodeList 转为真数组再调用 forEach：
- 用扩展运算符：
[...nodeList].forEach(item => {...}) - 用
Array.from()：Array.from(nodeList).forEach(item => {...}) - 用
Array.prototype.forEach.call()：Array.prototype.forEach.call(nodeList, (el) => {...})
其中 Array.from() 和扩展运算符更直观；call 方式最轻量、不创建新数组，适合处理大量节点。
根据 package.json 中的 engines 字段自动检测 Node.js 版本需求，未安装 nvm 时自动安装并切换至对应版本。支持 Windows、macOS、Linux。适用于 Node.js 项目开发、版本切换和环境配置。
立即学习“Java免费学习笔记（深入）”；
实际操作示例
比如给所有 class 为 btn 的元素绑定点击事件：
// ✅ 推荐：转数组后 forEach
const buttons = document.querySelectorAll('.btn');
Array.from(buttons).forEach(btn => {
btn.addEventListener('click', () => console.log('clicked'));
});
// ✅ 兼容老环境（包括动态 NodeList）
const allDivs = document.getElementsByTagName('div');
Array.prototype.forEach.call(allDivs, div => {
div.style.color = 'blue';
});
替代方案：for...of 循环（ES2015+）
如果目标环境支持 ES2015+，NodeList 是可迭代对象，可直接用 for...of：
for (const el of document.querySelectorAll('.item')) { ... }- 无需转换，语义清晰，性能略优于生成新数组
注意：for...of 对动态 NodeList（如 getElementsByClassName）也有效，但修改 DOM 可能影响后续迭代（因它是实时集合）。
