如何正确处理NodeList？直接当作类数组使用是否存在隐患？

好问题！这其实是DOM API迭代带来的小变化，咱们把这事说透：

首先要明确：现代主流浏览器已经给NodeList原生实现了forEach方法，这是ES2015之后逐步纳入标准的特性。所以在Chrome、Firefox、Chromium内核的Edge、Safari这些新浏览器里，直接写document.querySelectorAll('selector').forEach(elem => console.log(elem.tagName))完全合规，是现在推荐的简洁写法。

唯一需要警惕的是旧浏览器的支持情况：

• IE11及更早的版本完全不支持NodeList.forEach，如果你的代码要覆盖这些旧环境，直接调用会抛出错误。
• 一些超老的移动端浏览器（比如Android 4.4之前的系统WebView）也可能不兼容这个方法。

你提到的Array.prototype.slice.call(elements)，以及后来的Array.from(elements)、[...elements]（展开运算符），核心是把类数组的NodeList转换成真正的Array。这么做有两个好处：

1. 能使用数组的全套方法（比如map、filter、reduce这些NodeList原生没有的）；
2. 完美兼容所有旧浏览器，包括IE11。

• 如果你的项目不需要兼容IE11及更早，直接用NodeList.forEach()就好，代码更清爽；
• 如果要兼容旧环境，或者需要用到数组的其他高阶方法，那就把NodeList转成数组：
  • 最传统的兼容写法：Array.prototype.slice.call(document.querySelectorAll('selector'))
  • 现代简洁的兼容写法：Array.from(document.querySelectorAll('selector')) 或者 [...document.querySelectorAll('selector')]

要是你不确定运行环境，也可以给NodeList手动polyfill forEach方法，但现在绝大多数项目已经不用考虑这么老旧的环境啦。

内容的提问来源于stack exchange，提问作者T Nguyen