forEach 循环内的 JavaScript 变量范围

Question

在下面的代码中，forEach 循环使用了回调函数来遍历返回的结果。 forEach 循环中的变量“错误”和回调中的“错误”变量是否相同？

session.getAll(options, function (error, varbinds) {
    varbinds.forEach(function (vb) {
        if (error) 
            console.log('getALL Fail ');
        else              
            console.log(vb.value);            
    });
});

Answer 1

是的，它是同一个变量，如果您使用 var 关键字在 forEach 回调范围内定义另一个 error 变量，它会改变：

session.getAll(options, function (error, varbinds) {
    varbinds.forEach(function (vb) {
        if (error) //Same error as the error parameter above
            console.log('getALL Fail ');
        else              
            console.log(vb.value);            
    });
});

session.getAll(options, function (error, varbinds) {
    varbinds.forEach(function (vb) {
        var error = false; //New error for this closure.
        if (error) 
            console.log('getALL Fail ');
        else              
            console.log(vb.value);            
    });
});

Answer 2

是的，是同一个变量。

我不确定你知道多少。所以，我要详细解释一下。 JavaScript 中的作用域是在函数级别*。将函数定义视为树上的点。树上的每个点都是一个范围。使用变量时，您只能使用当前范围内的内容以及祖先可用的任何内容（全局范围）。以下是一些可以帮助您更好地理解的规则和示例：

*更新：ES6 const 和 let 是块级

内部函数可以访问外部函数级变量

function a() {
    var a = 4;

    function b() {
        alert(a); /* a = 4 */
    }
}

参数的定义范围与定义在下面一行的范围相同

function a(a) {
    // variable "a" is at same scope as the example above

    function b() {
        alert(a);
    }
}

相邻函数中的变量不可访问

函数 a() 是父函数。 b() 和 c() 是它的孩子。这些孩子不能访问彼此的变量。

function a() {

    function b() {
        var aValue = 2;
    }

    function c() {
        alert(aValue); /* "aValue" is undefined here */
    }
}

函数定义的位置很重要

如果您运行 main();，则返回 5：

function getValue(returnFunc) {
    var a = 7;
    alert(returnFunc());
}

function main() {
    var a = 5;
    getValue(function() { return a; }); // anonymous function becomes "returnFunc"
}

最后，变量覆盖

(function getValue() {
    var a = 5;

    (function () {
        var a = 7;
        alert(a);
    })();

    alert(a);
})();

我试图避免在这些示例中使用自调用函数/IIFE，但在最后一个示例中我无法自拔。我认为这是最简单的方法。运行这个，你会得到 7，然后是 5。但是，如果你在那个内部“a”上排除“var”......

(function getValue() {
    var a = 5;

    (function () {
        a = 7;
        alert(a);
    })();

    alert(a);
})();

你会得到 7, 7。这是因为“var”在内存中创建了一个新空间。此外，如果与更高范围内的某些内容发生名称冲突，它会被覆盖为不同的变量（尽管名称相同）。

更多示例请见：What is the scope of variables in JavaScript?