关于变量提升的问题

Question

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

为什么if里面的变量foo会提升到bar的顶端？if里面不是一个作用域吗？

Answer 1

这么说吧. javascript只有三种作用域:

1. 全局作用域

2. function 制造的作用域

3. with 制造的作用域

Answer 2

js里只有函数是作用域，没有块级作用域。

Answer 3

这个问题牵扯到作用域/作用域链 和 JS变量声明提前；
JS变量声明提前：变量声明会提前到对应作用域的最前面执行；
ES6中有块级作用域声明 let;
var foo = 10;其实是两个步骤var foo;foo=10;，并且var foo;变量声明会先于此作用域的其他代码执行；

这就是为什么下面这段代码

console.log(a);
var a=1;

js不报错，并打印出来的值是undefined；

你问题中代码的执行顺序其实是

var foo = 1;
function bar () {
    var foo;
    if (!foo) {  //foo为undefined
        foo = 10;
    }
    console.log(foo);
}
bar();
var foo = 1;

Answer 4

使用 let 声明的变量在这种情况才有块级作用域

Answer 5

bar如果没有 他会往上继续去找 直到找到最顶层。