JS函数作用域提升

当你看到var a=2;时，可能会认为这是一个声明。但js实际上回将其看成两个声明：var a;和a=2;。第一个定义声明是在编译阶段进行的。第二个赋值声明会被留在原地等待执行阶段。

?

1 2 3

a=2; var a; console.log(a);//2

?

1 2	console.log(a);//undefined var a=2;

每个作用域都会进行提升操作。函数内部也会对变量进行提升（显然并不是提升到了整个程序的最上方，在函数内部的最上方）。

?

1 2 3 4 5 6 7 8 9 10 11 12

foo(); function(){     console.log(a);//undefined     var a=2; } 等同于 function foo(){     var a;     console.log(a);//undefined     a=2; } foo();

可以看到，函数声明会被提升，但是函数表达式却不会被提升

函数声明和变量声明都会被提升。但是函数会首先被提升，然后才是变量。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

foo();//1 var foo; function foo(){     console.log(1); } foo=function(){     console.log(2); }; 这段代码会被引擎理解为如下形式： function foo(){     console.log(1); } foo();//1 foo=function(){     console.log(2); };

var foo尽管出现在function foo()的声明之前，但它是重复的声明（因此被忽略了），因为函数声明会被提升到普通变量之前。
尽管重复的var声明会被忽略掉，但出现在后面的函数声明还是可以覆盖前面的。

?

1 2 3 4 5 6 7 8 9 10

foo()//3; function foo(){     console.log(1); } var foo=function(){     console.log(2); } function foo(){     console.log(3); }

一个普通块内部的函数声明通常会被提升到所在作用域的顶部，这个过程不会像下面暗示的那样可以被条件判断所控制：

?

1 2 3 4 5 6 7

foo();//b var a=true; if(a){     function foo(){console.log("a");} }else{     function foo(){console.log("b");} }