let、const与var的区别,使用案例进行对比。
1、var:有变量提升,存在覆盖问题,允许重复声明
以下是一个变量覆盖的例子:
// 变量覆盖
var time = 'today';
function fun() {
console.log(time);
if (false) {
var time = 'tomorrow';
/* var变量提升,覆盖了外层的 time = 'today';而var time = 'tomorrow';
执行条件是if (false) ,即没有赋值,只是定义了 var time,所以后面输出时是 undefine */
}
}
fun(); //输出undefine
2、let:不具有变量提升,有块级作用域,具有暂时性死区,不允许重复声明
以下是块级作用域的例子:
// 1、通过 var 声明计数循环变量
var arr = [];
for (var i = 0; i < 2; i++) {
arr[i] = function () {
console.log(i);
}
}
console.log(i); // 循环完之后 i = 2; 所以这里输出的是2
arr[0](); // 输出的是2
arr[1](); // 输出的是2
// 2、通过 let 声明变量 注意与 var 的对比
let arr1 = [];
for (let j = 0; j < 2; j++) {
arr1[j] = function () {
console.log(j);
}
}
// console.log(j); 这里会报错 j是通过 let 声明的 具有块级作用域
arr1[0](); //输出0
arr1[1](); //输出1
3、const:不具有变量提升,用于定义常量,使用时要赋值,一旦声明不允许修改
注:const定义的对象是不可以修改,但对象里面的属性值是可以修改的,对象是引用类型,指向的是地址,修改对象属性值不改变指向。
const person = {
name: "abc",
age: 18
}
// 允许修改对象属性
person.age = 19;
console.log(person.age); //输出19
// 不允许修改对象
/* person = {
name: "abc",
age: 19
} */ // 如果直接修改对象会报错
let、const块级作用域可以解决var的问题:
①内层变量覆盖外层变量的问题;
②用于计数的循环变量泄露为全局变量的问题。