变量提升及其原理

变量提升通常发生在 var 声明的变量里，使用var声明一个变量时，该变量会被提升到作用域的顶端，但是赋值的部分并不会被提升。

原理：JS引擎的工作方式是 ：
1、先解析代码，获取所有被声明的变量；
2、然后在运行。也就是专业来说是分为预处理和执行两个阶段。

如下，在声明 a 的语句之前，就可以输出 a，值为undefined，这就是变量提升。

变量提升例子：

console.log(a); //undefined
var a = "9";

实际运行表示变量a已声明未赋值，在js引擎中的运行过程是：
var a;
console.log(a);
a = "9"

函数提升例子：

userName("Senora");// 即使在声明之前调用依然可以执行，不会报错，结果为→ 我的名字叫 Senora
function userName(name) {
	console.log("我的名字叫 " + name);
}

在定义的函数名字和变量名相同的情况下，函数提升优先级高于变量的例子：

func(); // 1
var func;
function func() {
  console.log(1);
}
func = function() {
  console.log(2);
}

函数声明和变量声明都会被提升，但是需要注意的是函数会先被提升，然后才是变量。

var func; 尽管出现在 function func() 之前，但它是重复的声明，会被忽略，因为函数声明会被提升到普通变量之前。

等同于这样：

function func() {
  console.log(1);
}
func(); // 1
func = function() {
  console.log(2);
}

1.所有的声明都会提升到作用域的最顶上去。
2.同一个变量只会声明一次，其他的会被忽略掉。
3.函数声明的优先级高于变量声明的优先级，并且函数声明和函数定义的部分一起被提升。


拓展：全局变量与局部变量的区别

• 作用域不同：全局变量的作用域为整个程序，而局部变量的作用域为当前函数或循环等
• 内存存储方式不同：全局变量存储在全局数据区中，局部变量存储在栈区
• 生命期不同：全局变量的生命期和主程序一样，随程序的销毁而销毁，局部变量在函数内部或循环内部，随函数的退出或循环退出就不存在了
• 使用方式不同：全局变量在声明后程序的各个部分都可以用到，但是局部变量只能在局部使用。函数内部会优先使用局部变量再使用全局变量

需要注意一点的是，局部变量不能赋值为同名全局变量的值。


更多推荐 ☟ ☟ ☟
               变量提升总结
               js预解析知识点
               ES6新特性