let、const和var区别全解析

JavaScript中let、const和var虽同为变量声明关键字，却在作用域（块级vs函数级）、变量提升行为（含暂时性死区）、重复声明规则及赋值限制上存在本质差异：var易引发隐蔽bug，而let和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学习网公众号，给大家分享更多文章知识！