局部变量影响全局变量 - Javascript变量范围[重复]

Question

可能重复：
variable hoisting

    var a = "global";

    //version 1
    function changeGlobal(){
        alert(a); //why is 'a' undefined here?
        if(a){ 
        var a = "local";
        alert(a);
        }
    }
    //version 2
    function changeGlobal(){
        alert(a); //why is 'a' 'global' here? what diff does 'var a="local"' make?
        if(a){ 
        //var a = "local";
        alert(a);
        }
    }
    changeGlobal();

问题是内联的。帮助我理解变量范围。

Answer 1

在 javascript 中，变量声明被“提升”到函数的顶部，与声明它们的位置无关。

所以在 changeGlobal 的第一个变体中，当您声明 var a = "local" 时，a 变量声明被提升到顶部。变量的赋值也没有被提升，所以当你提醒a时，它是一个未赋值的变量，因此是未定义的。

也就是说，

function changeGlobal(){
    alert(a); //why is 'a' undefined here?
    if(a){ 
    var a = "local";
    alert(a);
    }
}

等价于

function changeGlobal(){
    var a;    // hoisted here (not assigned a value yet)
    alert(a); //why is 'a' undefined here?
    if(a){ 
    a = "local"; // only assigned a value here
    alert(a);
    }
}

Answer 2

在版本 1 中，您声明了一个名为 a 的局部变量，该变量优先于 changeGlobal 函数中的全局 a。尽管它是在alert(a); 调用之后定义的，但它的定义被“提升”到范围的开头，但直到var a = "local"; 行才被初始化。这就是alert(a); 显示undefined 的原因。

在版本 2 中，因为没有本地 a，所以您总是在处理全局 a，它在函数运行之前已经初始化。

Answer 3

JavaScript 具有词法作用域，其中变量可以从它所在的程序/函数中取消引用 vared，然后向下（如引用它不会抛出 ReferenceError。
var 语句也将被提升，初始值设置为undefined。

或者用外行的话来说，变量的作用域是定义它们的函数，并且所有变量在函数执行期间的任何时候都可用，尽管可能尚未分配值。

结合起来，这就是您所观察到的 - 一个局部 var 遮蔽了全局 var。