这篇文章主要介绍了JavaScript 声明提升的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下

1 引例及基本原理

在学习JavaScript声明提升之前，我们先看下面这个例子：

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

运行结果会是什么？你可能会有以下的猜测：

1.报错ReferenceError: a is not defined；

2.打印2；

3.打印undefined。

正确的结果是第三种，打印undefined。

下面让我们来看看具体的原因。其实，对于var a=2;这条语句，JavaScript会将其视为两个声明：

定义声明var a，会在编译阶段进行；

赋值声明a=2，会留在原地等待执行阶段进行。

而所谓的声明提升：就是JavaScript会把唐山快速排名var变量声明和函数声明都会被提升到各自作用域的顶部，而赋值操作并不会被提升。

因此，上面的例子实际是按照这样的流程来处理：

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

我们还需要知道，不仅仅是var变量声明会提升，函数声明同样也会提升，现在来看下面这个例子

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

这个例子的运行结果为：打印undefined。这段代码实际上会被理解为为下面的形式：

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

2 关于声明提升的常见问题

2.1 函数表达式

先看一个函数表达式的例子：

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

上面代码的运行结果为：打印undefined。实际上，变量标识符foo被提升了，但它的赋值操作并没有被提升，我们可以理解为下面的形式：

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

结论：函数声明会被提升，但函数表达式不会被提升。

2.2 声明的优先级

function a(){}
var a;
console.log(a);

var a;
function a(){}
console.log(a);

如果在同一个作用域内，存在同名的函数声明和var变量声明，那么会发生什么样的情况呢？我们同样再来看一个例子：

上面的两种写法，运行结果均为打印a(){}。也就是说，如果在同一个作用域内，存在同名的函数声明和var变量声明，则函数声明的优先级更高。

还有一种情况：如果同一个作用域内，存在多个同名的函数声明。这种情况下，后面声明的会覆盖前面声明的。

3 练习题

3.1 第一题

var getName;//与函数声明同名，故失效
function getName() {
 console.log(2);
}
getName = function() {//赋值
 console.log(1);
};
getName();

答案：打印1

解析：提升后的顺序如下