P2 let 关键词 【javascript】

let关键词

let 与 var的二者区别

• • 
    
• let 声明作用域为代码块 var作用域为函数作用域
• let 不会被声明提升
• let 在同一作用域中 重复声明时会报错
  • 
    

if (1) {
    let i = 1;
    console.log(i); //1
}
console.log(i);//is not define

如果在子作用域中重新声明 则将会使用新的内存存储变量 与块外变量无关,而var出来的变量从头到尾都是操作的同一个

if (1) {
    let i = 1;
    if (1) {
        let i = 2;
        console.log(i); //2
    }
    console.log(i); //1
}

如果将上述的let 改为var呢

if (1) {
    var i = 1;
    if (1) {
        var i = 2;
        console.log(i); //2
    }
    console.log(i); //2
}

为什么呢?

var声明被提升了 详情请看var关键词部分的知识

暂时性死区

因为let 不能声明提升

function temp_died() {
    try {
        console.log(x);
        let x = 10;
    } catch (e) {
        console.log(e.message);
        //Cannot access 'x' before initialization
    }
}
temp_died();

全局声明的区别

var 在全局声明域终会成为window对象属性而 let 不会

var window_var = 1;
console.log(window.window_var);
let age = 2;
console.log(window.age);//undefine

let 在同一作用域中 重复声明时会报错

let f = 3;
let f = 3;
//SyntaxError: Identifier 'f' has already been declared
//try catch不能解决问题

for循环中使用 let

for (let i = 0; i < 2; i++){
    console.log(i);// 0 1
}
for (var i = 0; i < 2; i++){
    console.log(i);//0 1
}

for循环中 var 的 i 作用域不仅仅在for循环内有效

多次循环使用同一个变量为同一个引用

for (var i = 0; i < 2; i++){
    setTimeout(() => {
        console.log(i);// 2 2
    },0)
}

怎么都是2呢 因为 setTimeout lamda函数引用的i都是同一个i。因为var声明会提升，而let 的话则是每一次循环 i 都会引用新的内存来存储新的变量。