在 JavaScript 中，var、let和 const 是用于声明变量的关键字，它们之间有一些重要的区别：
1. var (Variable)
作用域: var 声明的变量具有函数作用域。这意味着在一个函数内部声明的变量只能在这个函数内部访问，而在函数外部声明的变量则可以在整个脚本中访问。
提升 (Hoisting): var 声明的变量会被提升至作用域的顶部，即变量声明会被移动到当前作用域的最开始位置。但是，变量的初始化不会被提升。
可变性: var 声明的变量可以在其作用域内多次重新赋值。
可重复声明: 在同一个作用域内，可以多次使用 var 关键字声明同一个变量名，后面的声明会覆盖前面的声明。
2. let (Lexical Binding)
作用域: let 声明的变量具有块级作用域。这意味着在代码块 {} 内部声明的变量只在该代码块内部有效。
提升 (Hoisting): let 声明的变量也会被提升，但不会初始化。这意味着不能在声明之前使用变量。
可变性: let 声明的变量可以在其作用域内多次重新赋值。
不可重复声明: 不能在同一作用域内重复声明同一个变量名。
3. const (Constant)
作用域: const 声明的变量也具有块级作用域。
提升 (Hoisting): const 声明的变量会被提升但不会初始化。
不可变性: const 声明的变量不能重新赋值。一旦声明，其值就不能改变。但是，对于对象和数组类型，可以修改其属性或元素。
不可重复声明: 不能在同一作用域内重复声明同一个变量名。
示例
下面是一些使用 var, let 和 const 的示例：
使用 var 的示例
function varExample() {
var x = 10; // 在整个函数内部都可见
if (true) {
var x = 20; // 重写 x 的值
console.log(x); // 输出 20
}
console.log(x); // 输出 20
}
使用 let 的示例
function letExample() {
let x = 10; // 在整个函数内部都可见
if (true) {
let x = 20; // 新的局部变量 x
console.log(x); // 输出 20
// x = 10; // 合法，x 的值现在是 10
// console.log(x); // 输出 10
}
console.log(x); // 输出 10
}
使用 const 的示例
function constExample() {
const x = 10; // 不能重新赋值
// x = 20; // 抛出错误
console.log(x); // 输出 10
const obj = { value: 10 };
obj.value = 20; // 修改对象的属性
console.log(obj.value); // 输出 20
}
总结
var 提供了函数作用域和变量提升，但不支持块级作用域。
let 支持块级作用域，没有变量提升，可以重新赋值。使用 let 声明的变量可以不立即初始化，可以在后面的代码中进行初始化。
const 支持块级作用域，没有变量提升，不允许重新赋值，但可以修改对象和数组的属性或元素。使用 const 声明的变量必须在声明的同时进行初始化。否则会抛出语法错误。
