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 都会引用新的内存来存储新的变量。