var let const 之间的区别

在JavaScript中，var、let 和 const 是用于声明变量的三种关键字。它们之间有几个重要的区别：

1. 作用域

• var: 声明的变量具有函数作用域，即在整个函数内都可以访问。如果在代码块内（如if或for）使用var，该变量依然可以在块外访问，因为它没有块级作用域。
• let 和 const: 具有块级作用域，即只在声明所在的代码块内有效。声明后的变量不会被提升到块外。

function testVar() {
  if (true) {
    var x = 10;
  }
  console.log(x); // 10
}

function testLet() {
  if (true) {
    let y = 10;
  }
  console.log(y); // ReferenceError: y is not defined
}

2. 变量提升

• var: 会进行变量提升，即变量可以在声明前使用，但值为undefined。这可能导致意想不到的行为。
• let 和 const: 不会变量提升，必须先声明后使用，否则会报错。

console.log(a); // undefined
var a = 5;

console.log(b); // ReferenceError: b is not defined
let b = 5;

3. 可修改性

• var 和 let: 声明的变量是可重新赋值的，即可以随时更改变量的值。
• const: 声明的是常量，一旦赋值，不能再修改。不过，如果const声明的是对象或数组，其内部的属性或元素可以更改。

let num = 10;
num = 20; // 可以修改

const num2 = 10;
num2 = 20; // TypeError: Assignment to constant variable.

4. 全局对象绑定

• var: 如果在全局作用域中声明变量，它会成为全局对象（如window）的一个属性。
• let 和 const: 不会被绑定到全局对象。

var x = 10;
console.log(window.x); // 10

let y = 20;
console.log(window.y); // undefined

使用建议：

• let: 当变量的值需要在不同情况下改变时使用。
• const: 当你不希望变量的值被修改时使用，尤其适合声明常量和固定引用的对象。
• var: 由于可能引发意外行为，一般建议避免使用。

总结：

• var: 具有函数作用域，支持变量提升，且可重新赋值，尽量避免使用。
• let: 具有块级作用域，可重新赋值，推荐在需要修改值时使用。
• const: 具有块级作用域，不可重新赋值，推荐在声明不可变的变量时使用。

示例：

// 使用let
let counter = 0;
for (let i = 0; i < 5; i++) {
  counter += i;
}
console.log(counter); // 输出10

// 使用const
const PI = 3.14159;
console.log(PI); // 输出 3.14159