let、const和var区别全解析

JavaScript中let、const和var虽都用于变量声明，却在作用域（块级vs函数级）、变量提升行为（var初始化为undefined而let/const存在暂时性死区）、重复声明规则（var允许覆盖，let/const严格禁止）以及赋值限制（const必须初始化且不可重新赋值）上存在本质差异；掌握这些区别不仅能避免常见运行时错误和逻辑陷阱，更能帮助你写出更清晰、健壮、符合现代标准的代码——推荐默认使用const，仅在需要重新赋值时选用let，彻底告别var。

JavaScript 中声明变量主要用 let、const 和 var，它们的核心区别在于作用域、变量提升（hoisting）、重复声明规则以及是否可重新赋值。

作用域不同：块级 vs 函数级

let 和 const 是块级作用域（block-scoped），只在 {} 内有效，比如 if 语句、for 循环或任意代码块中定义，外部无法访问。
var 是函数作用域（function-scoped），在函数内声明时，整个函数都可访问；若在函数外声明，则是全局作用域。

例如：

if (true) {
  let x = 1;
  var y = 2;
}
console.log(x); // ReferenceError
console.log(y); // 2（var 被提升并初始化为 undefined）

变量提升行为不同

var 会被“提升”到作用域顶部，并初始化为 undefined，所以可以先使用后声明（但不推荐）。
let 和 const 也会被提升，但不会初始化，从声明前到声明行之间存在“暂时性死区”（Temporal Dead Zone, TDZ），此时访问会报 ReferenceError。

例如：

console.log(a); // undefined
console.log(b); // ReferenceError
var a = 1;
let b = 2;

重复声明与赋值限制

• var 允许在同一作用域内重复声明（无报错，后声明覆盖前声明）
• let 不允许重复声明（同作用域下再用 let 声明同名变量会报 SyntaxError）
• const 不仅不能重复声明，还必须在声明时初始化，且之后不能重新赋值（注意：对象或数组本身可修改其属性/元素，只是不能把变量指向新地址）

例如：

var a = 1;
var a = 2; // OK

let b = 1;
let b = 2; // SyntaxError

const c = [];
c.push(1); // OK，修改内容
c = [2]; // TypeError：不能重新赋值

实际使用建议

• 默认用 const：适用于大多数场景，尤其是引用类型（对象、数组、函数）和基础类型常量
• 需要重新赋值时改用 let：比如循环计数器、条件分支中需变更的值
• 避免使用 var：容易引发意料外的行为（如变量提升、作用域混淆），ES6 后已不推荐

现代 JavaScript 开发中，const 和 let 已成为标准，理解它们的差异能帮你写出更可靠、易维护的代码。

理论要掌握，实操不能落！以上关于《let、const和var区别全解析》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！