js-关于变量提升

定义

所谓变量提升的意思，就是在无论在函数何处位置声明的变量，都好像被提升到了函数的顶部，可以在函数声明之前访问而不会报错。

原因

任何JavaScript代码在执行前都要进行编译，编译过程大部分情况下发生在代码执行前的几微秒内。编译阶段JavaScript引擎会从当前代码执行作用域开始，对代码进行RHS查询，以获取变量的值。接着在执行阶段引擎会执行LHS查询，对变量进行赋值。

在编译阶段，JavaScript引擎的一部分工作就是找到所有的声明，并用合适的作用域将它们关联起来。在预编译过程，如果是在全局作用域下，JavaScript引擎首先会在全局作用域上创建一个全局对象**（GO对象，Global Object）,并将变量声明和函数声明进行提升。提升后的变量先默认初始化为undefined，而函数则将整个函数体进行提升(如果是以函数表达式的形式定义函数，则应用变量提升的规则)**，然后将它们存放到全局变量中。

函数声明的提升会优先于变量声明的提升，对于变量声明来说，重复出现的var声明会被引擎忽略，而后面出现的函数声明可以覆盖前面的函数声明。

函数体内部是一块独立的作用域，在函数体内部也会进行预编译阶段。在函数体内部，首先会创建一个活动对象**（AO对象，Active Object）**，并将形参和变量声明以及函数体内部的函数声明进行提升，形参和变量初始化为undefined，内部函数依然为内部函数体本身，然后将它们存放到活动对象中。

编译阶段结束后，就会执行JavaScript代码。执行过程根据先后顺序依次对变量或形参进行赋值操作。引擎会在作用域上查找是否有对应的变量声明或形参声明，如果找到了就会对它们进行赋值操作。对于非严格模式来说，若变量未经声明就进行赋值，引擎会在全局环境自动隐式地为该变量创建一个声明，但对于严格模式来说对未经声明的变量进行赋值操作则会报错。因为JavaScript执行是单线程的，所以如果在赋值操作（LHS查询）执行前就先对变量进行获取（RHS查询）并输出，会得到undefined的结果，因为此时变量还未赋值。

作用

1. 提升性能
   在JavaScript代码执行之前会进行语法检查和预编译，且该操作仅进行一次，省去每次执行代码前的重复解析变量和函数的过程。
   该过程会为函数生成预编译代码。在预编译时会统计声明了哪些变量、创建了哪些函数，并对函数的代码进行压缩，去除注释、空白等。这样做使每次执行代码是都可以直接为该函数分配栈空间，并且因为代码压缩，执行更快。
2. 容错性更好

问题

变量提升会导致后声明的重复变量名的变量覆盖前面的变量，其值也变为undefined。

var tmp = new Data();
function fn(){
	console.log(tmp);
	if(false){
		var tmp = 'hello world';
	}
}
fn(); // undefined

在这个函数中，原本想要打印外部的tmp，但是因为变量提升，最后打印的函数内部的tmp，值2