JavaScript里var与let变量声明的区别

在JavaScript编程中，变量声明是基础且重要的部分，var和let是两种常用的变量声明方式，它们存在诸多区别。

作用域方面差异明显。var具有函数作用域，这意味着在函数内部使用var声明的变量，在整个函数内都可访问。例如：

function test() {
    var x = 10;
    if (true) {
        var x = 20;
    }
    console.log(x); 
}
test(); 

这里输出的是20，因为if块没有自己独立的作用域，变量x在整个函数内有效。而let具有块级作用域，在块（由花括号包裹的代码区域）内声明的变量，仅在该块内有效。比如：

{
    let y = 15;
    console.log(y); 
}
console.log(y); 

在第一个console.log处可以正常输出15，但第二个console.log会报错，因为y的作用域仅限于花括号内。

变量提升特性不同。var存在变量提升，即变量和函数的声明会被提升到当前作用域的顶部，可以在声明之前访问。尽管能访问，但在声明前使用变量的值为undefined。例如：

console.log(z); 
var z = 30;

上述代码不会报错，而是输出undefined。相反，let不存在变量提升，在声明之前访问变量会导致“暂时性死区”错误。如下：

console.log(w); 
let w = 40; 

这段代码会报错，提示w未定义。

最后，重复声明规则有别。var允许在同一作用域内重复声明变量，后面的声明会覆盖前面的。比如：

var a = 5;
var a = 10;
console.log(a); 

输出结果为10。然而，let不允许在同一作用域内重复声明变量，若重复声明会报错。如：

let b = 20;
let b = 30; 

这段代码会引发语法错误。

了解var与let变量声明的区别，能让开发者更合理地选择声明方式，编写出逻辑更清晰、错误更少的JavaScript代码。