JavaScript中变量声明和函数声明的提升

因为我们一般会认为js是一个解释型的语言（一行一行的执行），其实也不然，引擎会在解释js代码之前也会对其进行编译，编译阶段一部分工作会找到所有声明，并用合适的作用域将他们关联起来

因此变量声明和函数声明会在执行代码之前会首先进行处理，这种处理就是提升。

我们先看看一段代码：

console.log(a);  //undefined
var a = 3;

没错，输出的就是undefined，变量a被提升了。当你看到var a = 3时；可能认为这只是一个声明，实际上JavaScript会将其看成两个声明：var a; 和 a = 3; 实际这段代码会被理解是以下形式！

var a;  //undefined
console.log(a); 
a = 3;

代码在执行前，会首先进行变量提升，而赋值声明会在原地等待执行（注意！变量和函数声明只是提升，并不赋值）放在其所在作用域的最顶端，为什么我说的是它所在的作用域？在本例中，是全局作用域，而函数内也存在提升，都是提升到各自的函数作用域最顶端。

再看看一个例子！

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

由于foo函数声明会被提升，因此foo调用可以正常执行；即变量所在foo的作用域中，也会被提升，只是只能在其作用域中提升到最顶端，实际这段代码会被理解为这样！

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

另一种情况！

foo();  //TypeError
var foo = function (){
	var a = 2;
	console.log(a);  
}
foo(); //2

foo()会被调用吗？答案肯定不能被调用，会报错！（TypeError）。JavaScript会把var foo提升，因此foo是undefined，foo()对undefined进行函数调用从而导致错误。实际这段代码会被理解为这样！

var foo;
foo();  //TypeError

//运行到这会进行赋值声明
foo = function (){
	var a = 2;
	console.log(a); 
}

声明优先级！(函数优先)

函数声明和变量声明都会被提升。但注意的是：在‘重复’声明的代码中，是函数会首先被提升，变量次之！
看看以下的代码。

foo();  //1

var foo;

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

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

会输出1为何不是2。看到以上代码有的人会感到困惑，即使函数被首先声明，但var foo, 随后就声明了，由于此时的foo是undefined，为何调用foo()时没有报错？其实不是，那是由于函数已被声明，var 声明的foo已存在，就会自动忽略了！（函数优先！）
但还有一点值的注意的是：重复的声明会被忽略，只是针对函数声明对于var声明具有相同的标识符，会忽略var所声明的。

看看以下代码对于“重复”的补充：

foo();  //2

function foo(){
	console.log("1");
}

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

输出的是2而不是1。以上是函数声明的重复，即可认为会被覆盖，会执行后来的声明！要注意的是：要避免重复声明，特别是var声明和函数声明！以上是自己的一些理解！希望能帮助到你们，如果有错的地方还请告诉我。见谅见谅！