变量提升通常发生在 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新特性