为什么能被转换成 false 的变量依然通过 if 语句执行？

Question

window.onload = function() {

function bar() { 
    if (!foo) { 
        var foo = 10; 
        console.log(foo); // 10
    } 
    console.log(Boolean(!foo));  // false
} 
bar();

问题可能不是很清晰，我想了许久都不能一句话的把问题描述清楚 T>T.

!foo明明被判断为false的，但是在if(!foo)后的语句却得到了执行，这意味着if 语句将!foo判断为true，这是为什么？

Answer 1

首先这里涉及了一个变量声明提升的问题，这里有一篇文章讲这个的JavaScript中的作用域与变量声明提升刚好用的也是你的这个例子,如果知道var的这个作用，那么你应该就能理解你上面的代码其实是等效如下的：

function bar() {
    var foo;
    console.log(foo); //undefined
    console.log(!foo); //true
    if (!foo) {
        foo = 10;
        console.log(foo); // 10
    }
    console.log(Boolean(!foo));  // false
}
bar();