js 里 let 与 var 的差异

在 JavaScript 的世界里，let 和 var 都是用于声明变量的关键字，但它们在作用域、声明提升、重复声明等方面存在着显著差异。了解这些差异，有助于开发者编写出更高效、更准确的代码。

作用域

var 关键字具有函数作用域。这意味着，在函数内部使用 var 声明的变量，在整个函数内都是可见的。例如：

function example() {
    var x = 10;
    if (true) {
        var x = 20;
    }
    console.log(x); // 输出 20
}
example();

无论 if 语句是否执行，变量 x 都具有函数级别的作用域。

而 let 关键字具有块级作用域。在块级作用域内（如 { } 代码块）声明的 let 变量，仅在该块级作用域内有效。比如：

function example() {
    let y = 10;
    if (true) {
        let y = 20;
        console.log(y); // 输出 20
    }
    console.log(y); // 报错，y 未定义
}
example();

声明提升

var 存在声明提升现象。即使变量的声明在使用之后，JavaScript 引擎也会将其声明提升到当前作用域的顶部。例如：

console.log(a); // 输出 undefined
var a = 10;

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

console.log(b); // 报错，b 未定义
let b = 10;

重复声明

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

var num = 10;
var num = 20;
console.log(num); // 输出 20

let 不允许在同一作用域内重复声明变量。如果重复声明，会导致语法错误。例如：

let age = 25;
let age = 30; // 报错，标识符 age 已经声明

let 和 var 在 JavaScript 中虽然都用于变量声明，但有着不同的特性。在实际开发中，我们应根据具体需求合理选择使用 let 和 var，以提升代码的质量和可维护性。