var let区别

在JavaScript中，var和let都是用于声明变量的关键字。但是，它们在作用域、变量提升、重复声明等方面有所不同。

下面是var和let的主要区别：

作用域：var声明的变量具有函数作用域或全局作用域，而let声明的变量具有块级作用域。

• var声明的变量在函数内部和函数外部都可以访问，但是在块级作用域内（如if语句、for语句），也可以访问它们声明的变量。

function test() {
  var a = 10;
  if (true) {
    var b = 20;
    console.log(a); // 输出: 10
  }
  console.log(b); // 输出: 20
}

• let声明的变量只能在块级作用域中访问，并且在该块级作用域外部无法访问。

function test() {
  let a = 10;
  if (true) {
    let b = 20;
    console.log(a); // 输出: 10
    console.log(b); // 输出: 20
  }
  console.log(b); // 抛出ReferenceError异常: b未定义
}

变量提升：var声明的变量存在变量提升现象，在函数内部和函数外部声明的变量会被提升到作用域的顶部。而let声明的变量不存在变量提升现象，只有在声明后才能使用。

• var声明的变量存在变量提升现象：

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

• let声明的变量不存在变量提升现象：

function test() {
  console.log(a); // 抛出ReferenceError异常: a未定义
  let a = 10;
}

重复声明：var声明的变量可以在同一作用域中重复声明，而let声明的变量不能在同一块级作用域中重复声明。

• var声明的变量可以在同一作用域中重复声明：

function test() {
  var a = 10;
  var a = 20;
  console.log(a); // 输出: 20
}

• let声明的变量不能在同一块级作用域中重复声明：

function test() {
  let a = 10;
  let a = 20; // 抛出SyntaxError异常: 标识符'a'已经声明过了
}

综上所述，let在许多情况下比var更优秀，因为它避免了许多常见的问题，例如变量提升和重复声明。因此，建议在现代JavaScript中使用let来声明变量，除非需要特定的var行为。