P2 let 关键词 javascript

Posted 2022-02-08 wanluToPro

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