一文介绍JavaScript中的变量提升到底是什么

JavaScript必备细节知识点

是时候搞清楚JavaScript中的变量提升问题了！

JS是一门弱解释性语言，这意味着面对一个文档，JS会选择先解释再执行。
通俗来讲，就是先通篇扫描所有js代码，将所有的声明都提升到该作用域的最前面，再去考虑需要操作的代码。
这里所有的声明包括：

- 变量的声明

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

经过变量提升 上面代码在执行时的逻辑是这样的：

var a;
console.log(a);//因为只有声明，没有赋值，所以这里输出结果是undefined
a=5;

- 函数的声明

函数的定义有两种方式
①函数声明（其重要特征是函数声明提升，可以把函数声明放在调用它的语句后面）：

   function functionName(arg0,arg1,arg2){
    //函数体
   }

②函数表达式：

var functionName=function(arg0,arg1,arg2){
//函数体
}

以上代码段 执行时是这样的：

var functionName；
functionName=function(arg0,arg1,arg2){
    //函数体
    }

这里注意

1. 对比变量的提升，函数的提升会将整个函数体都提升到作用域顶端，变量只是把变量的声明提升到顶端。

2. 同一作用域内既有函数需要提升，又有变量的声明需要提升，会将函数的提升放到变量的前面。

3. 用函数表达式定义的函数 会像变量一样提升（通过var定义的函数）