js中变量提升的那点事

变量提升是一个将变量声明或者函数声明提升到作用域起始处的过程，即变量声明 var 和函数声明 function fun() {…} 在会发生变量提升过程。

先来说变量声明var,看代码

console.log(test) // 'undefined'
var test="testStr"
console.log(test) // 'testStr'

看上面的代码运行结果显示,第一个打印结果为undefined,第二个是赋值后的字符串,所以我们有了结果:

变量的声明会被提升，但初始化（赋值）不会提升。
如果你在变量初始化(赋值)之前使用该变量,那么这个变量的值将为undefined.

这里需要注意的是:let和const声明的变量不会像var声明的变量那样存在变量提升,因为let和const声明的变量有暂时性死区（TDZ），即在声明之前使用这些变量会抛出ReferenceError。

再来看看函数的声明,看代码

fn1() // fn1
fn2() // Uncaught ReferenceError: fn2 is not defined
function fn1(){
    console.log('fn1')
}
var fn2 = function(){
    console.log('fn2')
}

从上面的代码可以得到结论:函数声明 function fun() {…} 可以实现变量提升,但是使用变量声明的函数表达式不会有变量提升

其实这里很好理解,有变量声明的函数表达式,会像变量声明一样,在未赋值前变量值为undefined