let、const、var的区别？

在JavaScript的变量声明中，var、let和const是三种不同的关键字，它们决定了变量在作用域、赋值和内存绑定上的行为。理解它们的区别是编写可预测、健壮现代JavaScript代码的基础。

作用域的本质差异

var声明的变量属于函数作用域，这意味着它在整个函数内部都是可见的。而let和const引入了块级作用域，它们只存在于定义它们的代码块（例如{}内部）中。

function scopeExample() {
  if (true) {
    var varVariable = "我是var";
    let letVariable = "我是let";
  }
  console.log(varVariable); // 可访问
  console.log(letVariable); // 报错
}
scopeExample();

块级作用域使得let和const在循环或条件语句中更安全，能有效避免变量意外泄露到外部。

变量提升与暂时性死区

var存在变量提升，声明会被提升到作用域顶部，但初始化留在原地。这导致在声明前访问变量会得到undefined。let和const虽然也有提升，但在声明之前处于“暂时性死区”，访问会抛出错误。

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

console.log(y); // 报错
let y = 5;

这种设计鼓励先声明后使用的编码习惯，有助于减少运行时错误。

重新声明与重新赋值

使用var可以在同一作用域内重复声明同名变量，这常常是程序错误的根源。let不允许重复声明，但允许重新赋值。const则既不允许重复声明，也不允许重新赋值，它绑定的是一个不可变的常量引用。

var a = 1;
var a = 2; // 允许

let b = 1;
b = 2; // 允许
let b = 3; // 报错

const c = 1;
c = 2; // 报错

对于const，需要明确它保护的是变量名与值之间的绑定，而非值本身完全不可变。如果值是一个对象，其内部属性仍然可以修改。

在现代开发实践中，默认应使用const，因为大多数变量在其生命周期内不应被重新赋值。当明确知道变量需要被重新赋值时，使用let。var由于其设计上的缺陷，在ES6及以后的环境中已不再推荐使用。这种选择能让代码意图更清晰，并大幅减少因作用域和重复声明引发的问题。