深入解析JavaScript中的let关键词：特性与应用

let 与 var的二者区别

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

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


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

if (1) {let i &＃61; 1;if (1) {let i &＃61; 2;console.log(i); //2}console.log(i); //1
}


如果将上述的let 改为var呢

if (1) {var i &＃61; 1;if (1) {var i &＃61; 2;console.log(i); //2}console.log(i); //2
}


为什么呢?
var声明被提升了 详情请看var关键词部分的知识

暂时性死区

因为let 不能声明提升

function temp_died() {try {console.log(x);let x &＃61; 10;} catch (e) {console.log(e.message);//Cannot access &＃39;x&＃39; before initialization}
}
temp_died();


全局声明的区别

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

var window_var &＃61; 1;
console.log(window.window_var);
let age &＃61; 2;
console.log(window.age);//undefine


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

let f &＃61; 3;
let f &＃61; 3;
//SyntaxError: Identifier &＃39;f&＃39; has already been declared
//try catch不能解决问题


for循环中使用 let

for (let i &＃61; 0; i < 2; i&＃43;&＃43;){console.log(i);// 0 1
}
for (var i &＃61; 0; i < 2; i&＃43;&＃43;){console.log(i);//0 1
}


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

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

for (var i &＃61; 0; i <2; i&＃43;&＃43;){setTimeout(() &＃61;> {console.log(i);// 2 2},0)
}

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