什么是块范围在JavaScript中有用的真实示例？ [重复]

Posted 2021-04-05

这个问题在这里已有答案：

• Why was block scope not originally implemented in JavaScript? 4个答案
• Why should I use block scope instead of function scope? 1回答
• Let variables and block scope 2回答
• Why let at function scope in JavaScript? 3回答
• Why was the name 'let' chosen for block-scoped variable declarations in JavaScript? 7个答案

let和const已经为javascript引入了块级范围，我现在明白了它的区别。但我还没有找到一个引人注目的现实世界的例子，其中let比var有优势。

块实际范围在实际中提供了什么（通过示例说明）？

答案

1）它与其他语言的一致性：

使用var时，通常很不清楚变量的定义位置以及我们可以访问它的位置，而不是：

 if(false) {
    var a = 1;
 } else {
    a = 2; // wtf
 }
 alert(a);

随着let显而易见：

let a;
if(false) { a = 1; } else { a = 2; }

---

2）它允许在for循环中有用的闭包：

 for(var i = 0, i < 10; i++)
   setTimeout(() => console.log(i), 100);
   // 10 10 10 10 ...

 for(let i = 0, i < 10; i++)
   setTimeout(() => console.log(i), 100);
   // 0 1 2 3 4 5 6 ...