JavaScript 里 var 与 let 的区别

在 JavaScript 的世界里，变量声明是基础且重要的操作，var 和 let 作为两种常见的变量声明方式，存在着诸多区别。了解这些区别，能帮助开发者编写出更高效、更健壮的代码。

两者在作用域方面表现不同。var 具有函数作用域，这意味着它在函数内部声明后，在整个函数内都可访问。即使在条件语句或循环语句中使用 var 声明变量，它也会提升到函数作用域的顶部，存在变量提升现象。例如：

function test() {
    console.log(x); // 输出 undefined
    var x = 10;
}
test();

而 let 具有块级作用域，即只在其所在的块级结构（如 {} 内）有效。在块级作用域之外无法访问 let 声明的变量，不存在变量提升。如下例：

{
    let y = 20;
}
console.log(y); // 报错，y 未定义

重复声明的处理也有差异。使用 var 时，在同一作用域内可以重复声明同一个变量，后面的声明会覆盖前面的声明。比如：

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

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

let a = 3;
let a = 5; // 报错，Identifier 'a' has already been declared

另外，在性能方面，由于 let 不存在变量提升，其在块级作用域内的执行效率可能更高，尤其是在复杂的代码结构中。var 的变量提升机制可能会导致一些意外情况，使代码的可读性和维护性受到影响。

var 和 let 在 JavaScript 中各有特点。var 是早期 JavaScript 中常用的变量声明方式，具有函数作用域和变量提升特性；而 let 作为 ES6 引入的新声明方式，拥有块级作用域，不允许重复声明，能提升代码的逻辑性和可读性。开发者应根据具体的编程需求和场景，合理选择使用 var 或 let 来声明变量，以实现更优质的代码编写。