Question

 var a=1;   //first one
 function x() {
    var a=2;  // second
    function y() {
       var a=3;  // third one
    }
 }

function y()是否可以访问第二 var a？我知道它可以通过window.a访问第一个。

Answer 1

作为写？否。

如果您没有为每个a命名，那么您可以轻松地引用它。另一个解决方案是在另一个变量中捕获外部变量，其技巧是在内部范围内没有在外部作用域中引用相同的变量名。

window.a = 1;
function x() {
    var a = 2,
        inner_a = a,

        y = function () {
            var old_a = inner_a,
            // a is equal to the closest var assignment ie: inside x()
                a = 3;
        };
 }

或通过关闭将其传递给新功能的构造（立即调用函数）

window.a = 1;
function x() {
    var a = 2;
    var y = (function (old_a) {
        return function () { var a = 3; }; 
        // this inner function has access to "old_a", through closure
    }(a));
}

当将JS与浏览器功能混合时，这是一种首选的模式（即：DOM和DOM事件，分配定时器或回调的循环，AJAX响应等）。

变量阴影javascript

1 个答案: