1.什么是变量提升?
console.log(web)
var web = 'hello world'
这时候会输出undefind,而不是报错,原因就是变量提升了,这段代码就相当于
var web
console.log(web)
web = 'hello world'
所以会输出undefind,这会导致变量不好控制
2.为什么会有变量提升?
因为在执行过程前js会有一个编译过程,这个编译过程就会把一些变量给声明而不会赋值,等到执行阶段才会赋值。所以即便是下面这种代码也会存在声明提升
function fun () {
if(false){
var web = 'hello world'
}
console.log(web) //这里还是会输出undefind
}
3.怎么解决变量提升?
通过使用let,const来声明变量,因为通过let,const来声明变量时就会产生一个TDZ(暂时性死区),如果在变量声明之前输出这个变量就会报错,即不存在变量提升。