let 与 var 的区别

let 和 var 是 JavaScript 中声明变量的两种关键字，它们在作用域、提升和重新声明方面具有以下关键区别：

作用域

var: var 声明的变量具有全局作用域或函数作用域，具体取决于声明的位置。

let: let 声明的变量仅在声明所在的块级作用域（花括号）内可见。

提升

var: var 声明的变量在执行代码之前会被提升到函数或全局作用域的顶部。

let: let 声明的变量不会被提升，它们仅在声明所在的作用域内可用。

重新声明

var: var 声明的变量可以在同一作用域中重新声明，并且会覆盖先前的声明。

let: let 声明的变量不能在同一作用域中重新声明，这会引发错误。

其他区别

除了上述主要区别外，let 和 var 还有以下其他区别：

重新赋值: let 声明的变量可以重新赋值，而 var 声明的变量可以重新赋值和重新声明。

初始值: let 声明的变量必须在声明时初始化，而 var 声明的变量可以不初始化，默认为 undefined。

示例

<code class="javascript">// 使用 var
function example1() {
  var x = 10;
  if (true) {
    var x = 20; // 重新声明和重新赋值
    console.log(x); // 输出: 20
  }
  console.log(x); // 输出: 20
}

// 使用 let
function example2() {
  let y = 10;
  if (true) {
    let y = 20; // 重新赋值
    console.log(y); // 输出: 20
  }
  console.log(y); // 输出: 10
}</code>

如例所示，var 允许在同一作用域中重新声明和重新赋值变量，而 let 仅允许重新赋值。