JavaScript基础学习-变量提升

JavaScript代码执行的时候并不是完全的从上到下的执行，变量和函数的声明都会在任何代码被执行前处理。
比如，当看到var a = 2 时，JavaScript会把它差分成两部分执行，var a 和 a=2。var a 在编译阶段执行，a=2 留在原地等待执行。

变量提升

先看段代码

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

这段代码的实际执行过程应该是

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

---

变量提升二

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

有了上一段代码的经验，这段代码的解释应该很容易
执行过程

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

---

声明函数的提升
声明函数还会提升实际函数的值

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

函数表达式不会被提升

  foo1(); // TypeError
  var foo1 = function() {
    console.log('foo');
  };

函数优先

函数声明会被提升到普通变量之前，而普通变量会被忽略

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

后面的函数声明可以覆盖前面的函数声明

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