变量提升
变量提升即将变量声明提升到它所在作用域的最开始的部分。
简单来讲
let和const 会在声明地方到块级顶部形成临时性死区,在这区间使用该变量都会被报错。例:
console.log(a); // 下面使用了let a,所以生成了变量名a的死区,调用了a所以报错
let a = 5;
console.log(a); // 我的理解是使用了let后解锁死区,a可以调用。
var 的变量提升表现在它会将var + 变量名
提升到全局作用域或是函数作用域的最上方。 例:
console.log(a); //打印undifinde
var a = 5;
console.log(a); //打印5
此代码等价于
var a; //变量提升
console.log(a);
a = 5;
console.log(a);
function 的变量提升最为全面,能将整个函数作用域块提升到最上方。当有多个同名变量声明的时候,函数声明会覆盖其他的声明。如果有多个函数声明,则是由最后的一个函数声明覆盖之前所有的声明。例:
fun(); //打印5
function fun() {
var a = 5;
console.log(a);
}
有关JS的变量提升,可以参考一下这篇文章,十分详细, 有关let和const可以参考这篇文章
有关let, const有无存在变量提升的问题可以简单参考这篇文章
由于关于变量提升问题,我暂时还不用掌握那么详细,所以也没有深究。
假若未来有兴趣,可以看一下这篇文章,对变量提升做了很细的讲解