变量提升

变量提升是什么鬼？

先看两端代码吧：

正确的执行顺序：var a; a=2; console.log(a);

正确的执行顺序：var d; console.log(d);d=2;

浏览器引擎会在解释js之前对其进行编译，编译阶段会做的一部分工作就是找出所有的声明，并把他们用合适的作用域关联起来。
所以！任何声明形式的变量或是函数，都会在所有代码执行之前首先被处理。这个过程就好像被声明的变量和被声明的函数（以var开头的函数表达式不会被提升）被移动到了最上面，也就是被“提升”了。

var a=2;这条语句实际上是分两步：var a; a=2; 而a=2这条赋值操作是原地不动的。

同样是声明，函数的提升（function开头）会比变量的提升（var开头）还优先！也就是说先提升所有的函数，再开始提升变量。看下面这段。

实际的操作顺序是：

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

这里面var foo是重复的声明，因此被忽略了。

再看下面这段：

可以看出，对于声明和声明来说，后面的声明会覆盖前面的声明。而var同样是会被忽略掉。

最后注意的是，要避免块内函数声明，不同的浏览器可能会对这种情况做不同的处理，chrome中：