JavaScript 中 var、let 和 const 关键字的差异

JavaScript 中的变量提升

变量提升是指在 JavaScript 中，变量声明会被提升到函数或块的顶部。这意味着，变量可以在声明之前使用，但值将是 undefined。例如：

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

在上面的例子中，变量 x 在函数声明之前被使用，但此时 x 的值尚未被赋值，因此输出结果是 undefined。

JavaScript 中的变量作用域

作用域是指变量可以被访问的区域。在 JavaScript 中，变量的作用域由函数和块决定。函数中的变量只能在函数内部访问，而块中的变量只能在块内部访问。例如：

function example() {
  var x = 10; // 局部变量

  {
    let y = 20; // 块级变量
    console.log(y); // 输出: 20
  }

  console.log(x); // 输出: 10
  console.log(y); // 输出: ReferenceError: y is not defined
}

example();

在上面的例子中，变量 x 是局部变量，只能在函数 example 内部访问。变量 y 是块级变量，只能在块内部访问。当函数 example 执行完成后，变量 y 将被销毁，因此在函数外部无法访问它。

JavaScript 中的变量声明和重声明

变量声明是指使用 var、let 或 const 来声明一个变量。变量重声明是指再次声明一个已经声明过的变量。在 JavaScript 中，使用 var 声明的变量可以被重声明，而使用 let 或 const 声明的变量不能被重声明。例如：

var x = 10; // 声明变量 x
x = 20; // 重声明变量 x

let y = 20; // 声明变量 y
y = 30; // 重新赋值变量 y

const z = 30; // 声明常量 z
z = 40; // 重声明常量 z (报错)

在上面的例子中，变量 x 使用 var 声明，可以被重声明。变量 y 使用 let 声明，可以被重新赋值，但不能被重声明。常量 z 使用 const 声明，不能被重新赋值或重声明。

总结

在 JavaScript 中，var、let 和 const 关键字用于声明和分配变量。它们之间存在一些关键差异，包括变量提升、作用域、声明和重声明。了解这些差异可以帮助您更好地理解 JavaScript 中的变量声明。