let和var

在 JavaScript 中，var 和 let 都是用来声明变量的关键字，但它们在作用域和变量提升方面有一些不同。

1. 作用域：

   • 使用 var 声明的变量存在函数作用域或全局作用域。这意味着，如果一个变量是在函数内部使用 var 声明的，那么它只在该函数内部可见。
   • 使用 let 声明的变量存在块级作用域，这意味着它们只在声明它们的块（比如 {} 中）内部可见。

2. 变量提升：

   • 使用 var 声明的变量会存在变量提升，这意味着无论在代码的哪个位置声明 var 变量，它都会被提升到当前函数或全局作用域的顶部，但初始化的赋值不会被提升。
   • 使用 let 声明的变量也会存在变量提升，但在实际执行过程中，暂时性死区（Temporal Dead Zone，TDZ）会阻止在变量声明之前访问变量。

3. 重复声明：

   • 使用 var 可以重复声明同名变量，而后面的声明会覆盖前面的声明。
   • 使用 let 在同一作用域内不能重复声明同名变量，否则会导致语法错误。

示例：

javascriptCopy Code

var a = 10;
var a = 20; // 合法，a 的值变成 20

let b = 10;
// let b = 20; // 语法错误，不能重复声明变量 b

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

function example2() {
  let y = 1;
  if (true) {
    let y = 2;
    console.log(y); // 输出 2
  }
  console.log(y); // 输出 1
}
example2();

综上所述，let 更安全且易于理解，因为它避免了变量提升和重复声明的一些问题，并且引入了块级作用域的概念。因此，在现代 JavaScript 中，推荐优先使用 let 而不是 var 来声明变量。