var、let、const 的区别及用法示例

在 JavaScript 中，var、let 和 const 是用于声明变量的关键字，它们有一些区别和适用场景。下面是它们的主要区别和用法示例：

1. var
   • var 是在 ES5 中引入的变量声明关键字。
   • 具有函数作用域，而不是块级作用域。
   • 变量可以被重复声明，且存在变量提升。

var x = 10;

if (true) {
  var x = 20;
  console.log(x); // 输出 20
}

console.log(x); // 输出 20

2. let:
   • let 是在 ES6 中引入的新的变量声明关键字。
   • 具有块级作用域，解决了 var 的一些问题。
   • 不允许重复声明相同名称的变量。

let y = 10;

if (true) {
  let y = 20;
  console.log(y); // 输出 20
}

console.log(y); // 输出 10

3. const:
   • const 也是在 ES6 中引入的关键字，用于声明常量。
   • 具有块级作用域。
   • 声明后不可重新赋值，但不表示变量是不可变的（如果变量是对象或数组，其内部内容可以修改）。

const z = 10;
// z = 20; // 错误，不可重新赋值

const person = {
  name: 'John',
  age: 30
};

person.age = 31; // 正确，可以修改对象的属性值

总的来说，推荐使用 let 和 const，尽量避免使用 var，因为 let 具有更好的作用域规则，而 const 则提供了声明常量的语义。选择使用哪个关键字取决于你的需求，如果变量的值会改变，则使用 let，如果变量的值不会改变，则使用 const。