JavaScript forEach 回调

我正在深入研究 Javascript 回调之类的东西。我遇到了 forEach() 函数。函数说明了一切，循环遍历列表中的每个对象。

当我查看文档我看到以下语法：

arr.forEach(callback[, thisArg])

并且文档中还提到了参数

currentValue
index
array

我偶然发现了一个 forEach 实现的简单示例：

var friends = ["Mike", "Stacy", "Andy", "Rick"];

friends.forEach(function (eachName, index){
     console.log(index + 1 + ". " + eachName);
});

这给了我明显的输出：

 "1. Mike"
 "2. Stacy"
 "3. Andy"
 "4. Rick"

我可以忍受一切的行为及其给出的结果，但我想知道为什么这是有效的，我对此感到困惑

...function (eachName, index)...

每个Name 和index 何时、何地或如何填充正确的值？或者我怎样才能看到forEach已实现，因为我猜这个在这里发挥了魔力？或者我在这里错过了一个重要的概念？

In the 链接到 MDN根据您提供的内容，您会找到答案：

三个参数（currentValue, index, array) 是回调函数的参数 (arr.forEach(callback[, thisArg]）。要在您的示例中显示它：

var friends = ["Mike", "Stacy", "Andy", "Rick"];

friends.forEach(function (currentValue, index){
     console.log(index + 1 + ". " + currentValue);
});

所以当 forEach 运行时，会发生很多事情（查看 MDN 页面上的 polyfill），但在某些时候，forEach 将循环遍历数组中的项目并使用上面提到的参数调用您提供的回调。一个简化的版本是：

Array.prototype.forEach = function(callback, thisArg) {
    // ...
    for(let i = 0; let i < this.length; i++) { // "this" refers to your array here
        // Here the arguments are passend in:
        // currentValue = this[i]
        // index = i
        // array = this
        callback.call(thisArg, this[i], i, this);
    }
    // ...
};