空数组的原型中有一个属性 forEach，它是一个函数对象。(空数组只是获得所有 Array对象都具有的 forEach函数引用的一种简单方法。)函数对象依次具有 call属性，该属性也是一个函数。当您调用函数的 call函数时，它将使用给定的参数运行该函数。在调用的函数中，第一个参数变成 this。

您可以找到 call函数 给你的文档。 forEach的文档是 给你。

querySelectorAll法返回一个类似于数组的 NodeList，但它不完全是一个数组。因此，它没有 forEach方法(数组对象通过 Array.prototype继承)。

由于 NodeList类似于数组，因此数组方法实际上可以处理它，所以通过使用 [].forEach.call，您可以在 NodeList的上下文中调用 Array.prototype.forEach方法，就好像您能够简单地处理 yourNodeList.forEach(/*...*/)一样。

注意，空数组文字只是扩展版本的一个快捷方式，您可能会经常看到这种情况:

Array.prototype.forEach.call(/*...*/);

使用

Array.prototype.forEach.call( document.querySelectorAll('a'), function(el) {


});

document.querySelectorAll('a')的作用是返回一个类似于数组的对象，但它不从 Array类型继承。 因此，我们从 Array.prototype对象调用 forEach方法，将上下文作为 document.querySelectorAll('a')返回的值

[]是一个数组。
这个数组根本没有使用。

它被放在页面上，因为使用数组可以让您访问数组原型，比如 .forEach。

这只是比键入 Array.prototype.forEach.call(...);要快

接下来，forEach是一个函数，它接受一个函数作为输入..。

[1,2,3].forEach(function (num) { console.log(num); });

... 对于 this中的每个元素(其中 this是类似数组的，因为它有一个 length，你可以访问它的部分，如 this[1]) ，它将传递三个东西:

1. 数组中的元素
2. 元素的索引(第三个元素将传递 2)
3. 对数组的引用

最后，.call是函数所拥有的原型(它是对其他函数调用的函数)。
.call将获取它的第一个参数，并用传递给 call的任何内容替换正则函数内部的 this，作为第一个参数(undefined或 null将在日常 JS 中使用 window，或者将使用您传递的任何内容，如果处于“严格模式”)。其余的参数将传递给原始函数。

[1, 2, 3].forEach.call(["a", "b", "c"], function (item, i, arr) {
console.log(i + ": " + item);
});
// 0: "a"
// 1: "b"
// 2: "c"

因此，您正在创建一种快速方法来调用 forEach函数，并且正在将 this从空数组更改为包含所有 <a>标记的列表，对于每个 <a>顺序，您正在调用所提供的函数。

剪辑

合乎逻辑的结论/清理

下面是一篇文章的链接，建议我们放弃函数式编程的尝试，每次都坚持手动、内联循环，因为这个解决方案很蹩脚，很难看。

我想说的是，虽然 .forEach没有它的对应物 .map(transformer)、 .filter(predicate)、 .reduce(combiner, initialValue)那么有用，但是当你真正想做的只是修改外部世界(而不是数组) ，n 次，同时访问 arr[i]或 i时，它仍然有用。

那么，我们该如何处理这种差距呢? 因为格言显然是一个才华横溢、知识渊博的家伙，我想象自己知道自己在做什么/要去哪里(偶尔... ... 其他时候是头脑先学习) ？

答案其实很简单，鲍勃叔叔和克罗克福德爵士都会因为这个疏忽而捂住脸:

清理干净。

function toArray (arrLike) { // or asArray(), or array(), or *whatever*
return [].slice.call(arrLike);
}


var checked = toArray(checkboxes).filter(isChecked);
checked.forEach(listValues);

lib.array = (arrLike, start, end) => [].slice.call(arrLike, start, end);
lib.extend = function (subject) {
var others = lib.array(arguments, 1);
return others.reduce(appendKeys, subject);
};

function countArgs (...allArgs) {
return allArgs.length;
}


function logArgs (...allArgs) {
return allArgs.forEach(arg => console.log(arg));
}


function extend (subject, ...others) { /* return ... */ }




var nodeArray = [ ...nodeList1, ...nodeList2 ];