JavaScript 中 var 与 let 的差异

在 JavaScript 的世界里，变量声明是基础且关键的操作。var 和 let 作为两种常用的变量声明方式，存在着诸多重要差异，了解这些差异对开发者来说至关重要。

两者在作用域方面有显著不同。var 声明的变量具有函数作用域。这意味着，无论在函数内部何处使用 var 声明变量，它在整个函数内都是可见的。例如：

function example() {
    console.log(a);
    var a = 10;
}
example();

上述代码虽在 console.log 之后声明 a，但不会报错，a 的值为 undefined。而 let 声明的变量具有块级作用域。只有在 let 声明所在的块（如 {} 包裹的代码块）内，变量才是可见且可访问的。比如：

{
    let b = 20;
    console.log(b);
}
console.log(b); 

在第二个 console.log 处会报错，因为 b 的作用域仅限于内部代码块。

变量提升特性上，var 存在变量提升。在变量声明之前，变量已经存在于当前作用域中，只不过值为 undefined。而 let 不存在变量提升，在声明之前访问变量会导致“暂时性死区”错误。例如：

console.log(c); 
let c = 30; 

这段代码会直接报错，因为在声明 c 之前访问了它。

重复声明规则也不一样。使用 var 可以在同一作用域内重复声明变量，后面的声明会覆盖前面的声明。但 let 不允许在同一作用域内重复声明同一个变量。比如：

var d = 40;
var d = 50; 
let e = 60;
let e = 70; 

这里 var 的重复声明不会报错，而 let 的重复声明会引发错误。

在循环中的表现，var 和 let 也有区别。var 声明的循环变量会泄漏到循环外部，而 let 声明的变量仅在循环块内有效。

var 和 let 在 JavaScript 中各有特点。在现代 JavaScript 开发中，let 由于其块级作用域等优势，在很多场景下更为推荐，但 var 因其兼容性等因素，在一些旧代码中仍广泛存在。开发者需根据具体情况，灵活选用合适的声明方式。