javascript变量声明有哪些不同方式【教程】

应优先使用 const，其次 let，避免 var；const 表示绑定不可变但对象属性仍可修改，let 具备块级作用域和暂时性死区，var 存在函数作用域、变量提升及重复声明问题。

javaScript 变量声明有 var、let 和 const 三种方式，核心区别不在“能不能声明”，而在作用域、提升（hoisting）行为和可重新赋值性——选错会导致静默 bug 或运行时错误。

var 声明：函数作用域 + 变量提升 + 可重复声明

var 是 ES5 及之前唯一的方式，现在基本只用于兼容老环境或特定场景（比如需要函数作用域的循环绑定）。它会把声明“提升”到函数顶部，但初始化不提升，导致 console.log(a) 输出 undefined 而非报错。

• 在函数内声明，作用域是整个函数；在全局声明，挂载到 window（浏览器）或 global（node.js）
• 允许同一作用域内多次 var a = 1; var a = 2;，不会报错
• 在 for 循环中用 var 声明计数器，闭包里拿到的是循环结束后的最终值（常见坑）

let 声明：块级作用域 + 暂时性死区 + 不可重复声明

let 解决了 var 的大部分问题。它绑定到最近的块（{}），且在声明前访问会直接抛出 ReferenceError，而不是返回 undefined。

• 不允许在同作用域重复声明：let a = 1; let a = 2; → 报错 Identifier 'a' has already been declared
• for (let i = 0; i console.log(i), 0); } 会正确输出 0 1 2，因为每次迭代都有独立绑定
• 不能在声明前使用（哪怕只是 typeof a），否则进“暂时性死区”（TDZ）

const 声明：块级作用域 + 必须初始化 + 不可重新赋值

const 不代表“常量”或“不可变对象”，只表示“变量绑定不可更改”。声明时必须赋值，之后不能再用 = 赋新值。

立即学习“Java免费学习笔记（深入）”；

• const obj = { x: 1 }; obj.x = 2; 合法 —— 对象内容可变，只是 obj 不能再指向别的引用
• const arr = []; arr.push(1); 合法；但 arr = [2]; 报错
• 想冻结对象深层不可变？得配合 Object.freeze() 或 structuredClone() 配合不可变操作

什么时候该用哪个？看三个判断点

别凭感觉选。先问自己：

• 是否需要在声明前读取？→ 否，就别用 var
• 这个值后续会不会被重新赋值？→ 会，用 let；不会，优先用 const
• 是否需要函数作用域而非块作用域？→ 极少，除非写立即执行函数（IIFE）或处理旧版 for 循环兼容逻辑

现代代码里，const 应占 80% 以上；let 用于确实要重赋值的场景（如计数器、累加器）；var 几乎可以视为历史遗留痕迹。容易忽略的是：const 声明的对象属性仍可变，这点常被误认为“声明即安全”。