ES6声明(let var const的区别)

2021-12-27 298 阅读1分钟

一、变量的提升

用var声明的变量，会在其作用域中发生变量提升，js默认给undefined值。
在ES6中使用let/const声明的变量，不存在提行过程。也就是说，在使用let/const声明的变量，生明前访问它，都会报错。


{
    var value=10;
    let count=10;
    }
console.log(value);   //10
console.log(count);   //引用错误

二、临时死区

如果在let声明前使用变量，这段区域被称为"临时死区"

if (true) {
    // 死区开始
    value = 10;
    console.log(value);
    // 死区结束
    let value;
}

三、重复声明

let 和 const 命令声明的变量不允许重复声明；
而使用var声明变量，可以多次重复声明一个同名变量，但最终变量的值为最后一次声明赋值的结果。

1 var a = 10;
2 var a = 'abc';
3 var a = 'last value';
4 console.log(a);  // last value

如果在循环体内设置函数方法，体外输出var会得到不想要的值
解决方法可以使用 闭包

var list=[];
for (let i = 0; i < 10; i++) {
    list[i]=function(){
        console.log(i);
    }
}
list[5]();

解决方法 将var改为let

var list=[];
for (let i = 0; i < 10; i++) {
    list[i]=function(){
        console.log(i);
    }
}
list[5]();

五、const常量

1 const声明的作用是：创建一个只读的常量，一旦声明不可改变
2 和let声明一样，const声明的常量无法提升，也存在临时死区
3 和let不同的是，const声明后必须赋值，否则会报错

const PI=3.14;
console.log(PI);