JavaScript声明提前

首先来看一段代码

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

结果会是什么呢， 2 还是 undefined？
答案是2

再来看一段代码

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

结果又是什么来？
答案是 undefined

首先，JavaScript里代码是由上到下一行一行执行的，这句话不完全正确。

其实引擎在解释JavaScript代码之前首先对其进行编译，编译中会找到变量和函数在内的所有声明，并用合适的作用域将它们关联起来。

举个例子 var a = 1; 这个语句可以分成两个部分
第一部分 var a ; 这一句是在编译时阶段进行的
第二部分 a = 1; 这一句是按代码顺序执行的

总的来说 一句话 声明提前。（这个过程叫做提升）
声明本身会被提升，而赋值或其它运行逻辑会留在原地。

回头再来看这个代码

a = 2;var a;console.log(a);//根据声明提前 上述代码 等同于var a;a = 2;console.log(a);//结果自然是2console.log(a);var a = 10;//上面代码等同于var a;console.log(a);a = 10;//因为打印的时候 a 只是声明没有赋值 结果自然是 undefined

好了，既然了解了变量声明提前的道理，再来看下面一段代码

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

根据变量声明提前我们不难看出结果是undefined。

但是，细心的同学会发现：foo 的调用在声明之前。为什么函数在声明之前就可以调用呢？
其实是整个函数都提前了，因为函数里的语句整个就是一个函数声明。之前我错误的以为只有函数名提前了，想的头大。

函数声明会提前，但是，，，函数表达式不会！！废话不多说，看代码

foo();var foo = function(){    console.log("1");}//结果是怎样？报错！为什么？看上面的一句话。

我们知道了变量和函数的声明都会提前，但是他们之间是有优先级的。

函数首先会被提升，然后才是变量。

怎么理解，看如下代码

foo();var foo;function foo(){    console.log("1");}foo = function(){    console.log("2");}//1,2,1,2,1说出你的答案！

既然函数声明的优先级高于变量，那么 把上面代码等价如下

function foo(){    console.log("1");}var foo;//相当于重复声明，忽略。foo();  //结果为1foo = function(){    console.log("2");}

关于作用域的问题，相信大家都有一定理解，那么，再来看最后一段代码

foo();if(true){    function foo(){console.log("1");}}else{    function foo(){console.log("2");}}//在此剧透一下 虽然else内的函数没有执行，但声明仍然会提升。

在这里留给大家据说是一道面试题的题，祝大家做题愉快

function Foo() {    getName = function () { alert (1); };    return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { alert (4);};function getName() { alert (5);}//请写出以下输出结果：Foo.getName();getName();Foo().getName();getName();new Foo.getName();new Foo().getName();new new Foo().getName();