js实现let

在 JavaScript 中，let 是一种声明变量的方式，相比 var，let 提供了块级作用域，避免了变量提升的问题。以下是 let 的实现方式和相关特性：

let 的基本用法

let 用于声明一个块级作用域的局部变量，语法如下：

let variableName = value;

示例：

let x = 10;
if (true) {
    let x = 20; // 块级作用域，不影响外部的 x
    console.log(x); // 输出 20
}
console.log(x); // 输出 10

let 与 var 的区别

• 作用域：let 是块级作用域，var 是函数作用域或全局作用域。
• 变量提升：let 不会提升到作用域顶部，而 var 会提升。
• 重复声明：let 不允许在同一作用域内重复声明变量，var 允许。

示例：

console.log(a); // 报错：ReferenceError
let a = 10;

console.log(b); // 输出 undefined
var b = 20;

let 在循环中的应用

let 在循环中每次迭代都会创建一个新的绑定，避免闭包中的常见问题：

for (let i = 0; i < 5; i++) {
    setTimeout(() => console.log(i), 100); // 输出 0, 1, 2, 3, 4
}

let 的暂时性死区（TDZ）

let 声明的变量在声明前不可访问，称为暂时性死区：

{
    console.log(x); // 报错：ReferenceError
    let x = 5;
}

总结

• let 提供块级作用域，避免变量污染。
• let 不会变量提升，需先声明后使用。
• let 适合循环和闭包场景，避免意外行为。