ES6中let和var的区别

1. 作用域的区别

// var 声明的变量往往会越域
// let 声明的变量有严格局部作用域

{
    var a = 1;
    let b = 2;
}
console.log(a);  //1
console.log(b);  //Uncaught ReferenceError: b is not defined

2. 声明次数的区别

// var可以声明多次
// let只能在一个作用域中声明一次
var a = 1;
var a = 2;
let b = 1;
let b = 2;
console.log(a);  //2
console.log(b);  //Uncaught SyntaxError: Identifier 'b' has already been declared

3. 变量提升

// var 会变量提升
// let 不存在变量提升

console.log(a);     //undefined
var a = 1;
console.log(b);     //Uncaught ReferenceError: Cannot access 'b' before initialization
let b = 1;

总结

ES6的let让js真正拥有了块级作用域,也是向这更安全更规范的路走,虽然加了很多约束,但是都是为了让我们更安全的使用和写代码。

posted @ 2021-03-13 19:42  bGpi  阅读(83)  评论(0)    收藏  举报