变量提升的几种情况

2020-03-15

什么是变量提升

所有的声明都会提升到作用域的最顶上去。
一个变量可以先使用再声明

注意的是，函数的优先级高于变量的优先级。

例子

变量的提升

1
2
3

num = 1;
var num;
console.log(num) //1

函数的提升

test()
function test(){
    console.log(1);
}

函数优先级高于变量优先级

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

但是如果变量没有提升，结果会完全不同

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

(Noticed)JavaScript only hoists declarations, not initializations. If a variable is declared and initialized after using it, the value will be undefined. For example:

1
2
3

console.log(num); // Returns undefined 
var num;
num = 6;

But

1
2
3

num = 6;
console.log(num); // returns 6
var num;

牢记这三点：

只有声明本身会被提升，而赋值操作不会被提升。
变量会提升到其所在函数的最上面，而不是整个程序的最上面。
函数声明会被提升，但函数表达式不会被提升。

js变量提升面试题解析

https://www.jianshu.com/p/df11f3ba355c