您的位置:首页 > 其它

ES6---let、const与var

2020-06-26 04:24 225 查看

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的问题:
①内层变量覆盖外层变量的问题;
②用于计数的循环变量泄露为全局变量的问题。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: