js 中 let 与 var 的区别

在 JavaScript 编程中，let 和 var 都是用于声明变量的关键字，但它们在作用域、声明提升和重复声明等方面存在显著差异。深入了解这些区别，有助于开发者编写出更高效、更易理解的代码。

作用域规则 var 具有函数作用域，这意味着变量在整个函数内部都是可见的。即使在函数内部的块级作用域（如 if 语句、for 循环）中声明，它也不会被限制在该块内。例如：

function testVar() {
    if (true) {
        var x = 10;
    }
    console.log(x); // 可以正常输出 10
}
testVar();

与之相反，let 具有块级作用域。变量只在声明它的块级作用域内有效。在相同的代码结构下：

function testLet() {
    if (true) {
        let y = 20;
    }
    console.log(y); // 会报错，y 未定义
}
testLet();

声明提升 var 存在声明提升现象。在变量声明之前访问它，不会报错，值为 undefined。这是因为在 JavaScript 引擎解析代码时，会将 var 声明的变量和函数提升到当前作用域的顶部。例如：

console.log(z); // 输出 undefined
var z = 30;

let 不存在声明提升。在声明之前访问 let 变量会导致“暂时性死区”错误。如下：

console.log(a); // 报错，a 未定义
let a = 40;

重复声明 var 允许在同一作用域内重复声明变量，后面的声明会覆盖前面的。例如：

var num = 50;
var num = 60;
console.log(num); // 输出 60

let 不允许在同一作用域内重复声明相同变量。若尝试重复声明，会引发语法错误：

let b = 70;
let b = 80; // 报错，标识符 'b' 已经声明

在实际开发中，let 的块级作用域特性使其更适合在块内定义局部变量，避免变量污染全局作用域。而 var 的函数作用域和声明提升在某些特定场景下，如需要在函数内共享变量时，仍有其用武之地。理解并合理运用 let 与 var 的区别，能提升代码质量，减少潜在的错误。