JavaScript-变量提升、预编译

js运行时会进行三件事

1.语法分析
2.预编译
3.解释执行

语法分析会在代码执行前对代码进行通篇检查排除一些低级错误
预编译发生在代码执行的前一刻
解释执行顾名思义就是执行代码

1.变量提升

console.log(a); 	 //undefined  a未被定义
var a="111";
console.log(a);  	//111

function fn () {
　　console.log(a); 	// undefined
　　var a = '222';
　　console.log(a);	   // 222
} 

2.函数提升

fn(1,2)	//3
function b(x,y) {
    return x + y
}
fn(1,2)	//3

fn2(1,2)	//fn2 is not a function
var fn2 = function b(x,y) {
    return x + y
}
fn2(1,2)	//3

疑问:为什么 fn2 第一次打印会输出 fn2 is not a function
原因是来自JS的预编译机制

3.预编译

 var / function //会进行定义                                                                                    
 var a = undefined;  //在执行阶段才为其赋值                                                                                                                                          
 var a	//只定义但不赋值                                                                                
 function //既定义而且赋值   

总结:
1.变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部，但变量的初始化不会提升；
2.函数提升：函数声明可以被看作是函数的整体被提升到了代码的顶部，但函数字面量表达式并不会引发函数提升；
3.函数提升优先与变量提升；
4.let和const可以有效的规避变量提升