Array.prototype.forEach.call 与 Array.prototype.forEach 有什么区别

Question

根据 MDN 的文档，如果像这样调用 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach，您可以将此参数提供给 forEach 函数，但它不起作用。如果我使用 call 就可以了。

据我了解，调用和应用用于提供this 和函数参数。但是，应该没有必要。那我错过了什么？

Answer 1

确实有效，forEach 的第二个参数为回调提供上下文

var numbers = [1,2,3,4];
var sum = {value: 0};

numbers.forEach(function(num){ 
   this.value += num;
}, sum);

console.log(sum); // Object {value: 10}

Answer 2

说明

它已经在documentation 中（重点是我的）：

15.4.4.18 Array.prototype.forEach ( callbackfn [ , thisArg ] )

callbackfn 应该是一个接受三个参数的函数。 forEach 调用 callbackfn 一次 数组，按升序排列。 callbackfn 仅针对以下元素调用 实际存在的数组；不需要缺少元素 数组。

如果提供了thisArg参数，它将被用作this 每次调用 callbackfn 的值。如果没有提供， 改为使用undefined。

thisArg 仅用于callbackfn 的调用。但是，它不用于为forEach 提供this 值，其中this 需要是一个类似数组的结构（这意味着它具有length 属性）。如果你使用Array.prototype.forEach(..., someObject)，this 在forEach 的上下文中的值将是undefined。

简化版forEach（即刻显示问题）

function forEach( callback , thisArg ){
    // The algorithm parses the length as UInt32, see step 3.
    // >>> not only acts as bit shift, but also forces the 
    // value into an unsigned number.

    var len = this.length >>> 0, // using "this", not "thisArg"!
        i;

    for(i = 0; i < len; ++i){
        callback.call(thisArg, this[i]);
        // thisArg   ^^^^^^^^^ is used here, not up at length
    }
}

// example calls:
var logArguments = function(args){
    console.log(args, this);
}
forEach(logArguments, [1,2,3]); // logs nothing
forEach.call([1,2,3], logArguments); // logs 1, 2, 3
forEach.call([1,2,3], logArguments, [2,3,4]); // logs "1 Array [2,3,4]"
                                              //      "2 Array [2,3,4]"
                                              //      "3 Array [2,3,4]"