为什么不能在nodeList上调用forEach？

Question

我正在使用forEach循环一个nodeList。我的代码如下

var array = document.querySelectorAll('items');

array.forEach(function (item) {
    console.log(item);
}); 

此代码引发错误为

未捕获的TypeError：Array.Foreach不是函数

[].forEach.call(array, (function (item) {
    console.log(item);
})); 

然而，一些较旧的浏览器还没有实现nodelist.foreach（）和array.from（）。但是这些限制可以通过使用array.prototype.foreach（）来规避（本文档中有更多内容）。

参考：MDN

Answer 1

这是JavaScript中的一个基本内容：您可以从一个对象中获取函数并应用于任何其他对象。也就是说：用this设置为应用函数的对象来调用它。这是可能的，因为在JavaScript中，所有的属性名等都是由名称标识的。因此，尽管nodelist.length与array.length不同，但函数array.foreach可以应用于任何公开length属性的东西（以及foreach需要的其他东西）。

所以在你的情况下发生的是：

• QuerySelectorAll()返回一个NodeList类型的对象，该对象碰巧公开Length属性，并且是可枚举的（假设它可以由[]操作符访问）；NodeList不公开foreach函数（您可以在这里看到：https://developer.mozilla.org/en-美国/docs/web/api/NodeList）-这就是为什么不能直接对queryselectorall()
的结果调用 foreach
• [].foreach返回一个函数-对于array.prototype.foreach
来说，这是一个不太聪明的快捷方式
• 使用[].foreach.call(array,…)将此函数应用到array引用的对象上，使用array调用NodeList类型的对象（即foreach调用函数体中的this，因此当在foreach中有this.length时，它引用array中的length而不
• 这是有效的，因为foreach使用了Array和NodeList的共同属性；如果foreach想使用Array具有的某些属性，但NodeList没有
则会失败