变量声明提升&函数声明提升

在ES6中，提出了块级作用域和let&const关键字，这就出现了变量提升的概念；

因为let&const关键字并不能进行变量提升；而var关键字可以；

具体的提升过程可以去看一下我js分类中的js变量提升一章，那里有详细的介绍；

简述变量提升

console.log(a)   //undefined
var a='我是谁'
console.log(a)   //'我是谁'

相当于：
 

var a;
console.log(a);
a='我是谁'
console.log(a)

简述函数提升

有一个点要注意一下：

函数提升只针对具名函数，而对于赋值的匿名函数，并不会存在函数提升。

console.log(a);    // f a()
console.log(b);    //undefined     

function a(){
    console.log('hello')
}

var b=function(){
    console.log('world')
}

 相当于：

var a=function (){
    console.log('hello')
}
var b;
console.log(a);   
console.log(b);

变量提升和函数提升的优先级

函数提升优先级高于变量提升，且不会被同名变量声明覆盖，但是会被变量赋值后覆盖。而且存在同名函数与同名变量时，优先执行函数。

console.log(a);      //f a()
console.log(a());      //1  
var a=1;
function a(){
    console.log(1);
}
console.log(a);       //1   
a=3
console.log(a())      //a not a function

 可以看到上面的代码：

根据变量提升和函数提升的概念，首先提升第三行 var a的声明，然后提升函数 function a() 的声明，但是第一行打印出来的a是一个函数体，也就是说明，函数声明要比变量声明优先级更高，且不会被同名变量覆盖；

所以一二行执行的分别是函数的声明和函数的调用；

在函数&变量提升过后，就开始赋值，首先是第三行，将a复制为1，那么此时函数的声明就会被覆盖，变为一个基本数据类型，上面说的是不会被变量声明覆盖，但是变量赋值会覆盖；

所以第三个log出来的其实是第三行的赋值1的操作结果；

倒数第二行赋值为3的操作无疑是将a作为基本数据类型，但是最后一个log使用了函数调用的方式，所以会报错。