Question

在处理我最新的Web应用程序并需要使用Array.forEach函数时，我经常发现以下代码用于添加对没有内置函数的旧浏览器的支持。

/**
 * Copyright (c) Mozilla Foundation http://www.mozilla.org/
 * This code is available under the terms of the MIT License
 */
if (!Array.prototype.forEach) {
    Array.prototype.forEach = function(fun /*, thisp*/) {
        var len = this.length >>> 0;
        if (typeof fun != "function") {
            throw new TypeError();
        }

        var thisp = arguments[1];
        for (var i = 0; i < len; i++) {
            if (i in this) {
                fun.call(thisp, this[i], i, this);
            }
        }
    };
}

我完全理解代码的作用及其工作原理，但我总是看到它被复制并注明了正式的thisp参数，并使用arguments[1]将其设置为局部变量。< / p>

我想知道是否有人知道为什么要进行此更改，因为根据我的判断，代码可以正常使用thisp作为形式参数而不是变量？

Answer 1

Array.prototype.forEach.length定义为1，因此如果将.length属性设置为1，则实现函数会更像原生函数。

http://es5.github.com/#x15.4.4.18

forEach方法的length属性为1.

（func.length是func基于其定义所采用的参数量。）

要使func.length为1，您必须将func定义为只接受1个参数。在函数本身中，您始终可以使用arguments获取所有参数。但是，通过将函数定义为1参数，.length属性为1。因此，根据规范更正确。

Answer 2

这将遍历数组中的每个值，而不会迭代等效于原型函数的字符串。

Array.prototype.forEach = function(fun /*, thisp*/) {
    if (typeof fun != "function") {
        throw new TypeError();
    }

    for(i = 0; i < this.length; i++){
        ...
    }

}

Array.prototype.forEach替代实现参数

2 个答案: