为什么这个 JavaScript 函数的输出是 10？ [复制]

Question

检查这个fiddle或下面的代码，告诉我为什么这个脚本的输出是10

var foo = 1;
function bar() {
    if (!foo) {
        var foo = 10;
    }
    alert(foo);
}
bar();

Answer 1

因为函数中的var 将变量提升到顶部。就好像你在函数的顶部声明了它，所以foo在当前范围内被视为局部变量，全局范围内的foo不受影响。你的代码是这样的：

var foo = 1;
function bar() {
    var foo;
    if (!foo) {
        foo = 10;
    }
    alert(foo);
}
bar();

如您所见，foo 被声明在函数的顶部并且是 undefined，但重要的是直到在 if 语句中才会获得值。