javascript的let和const是什么_它们与var有何不同？-js教程-PHP中文网

javascript的let和const是什么_它们与var有何不同？

夜晨

发布： 2025-12-18 10:55:31

原创

833人浏览过

let 和 const 是 ES6 引入的块级作用域变量声明方式，区别于 var 的函数作用域；它们不具变量提升安全性（处于暂时性死区），禁止重复声明，且 const 必须初始化、不可重新赋值（但对象属性可变）；推荐默认使用 const，需重赋值时用 let，基本不再使用 var。

javascript的let和const是什么_它们与var有何不同？

let 和 const 是 ES6（2015）引入的变量声明方式，用来替代容易出错的 var。它们的核心区别集中在作用域、提升行为、重复声明和可修改性这四点上。

var 声明的变量只有函数作用域（或全局作用域），哪怕写在 if 或 for 里，也能在块外访问：

例如：
if (true) { var x = 1; } console.log(x); // 1 —— 正常输出

let 和 const 是块级作用域，只在 {} 内有效：

例如：
if (true) { let y = 2; } console.log(y); // ReferenceError

这意味着循环中用 let 声明计数器不会泄露到外部，也避免了内层覆盖外层同名变量的问题。

var 会“提升”声明（但不提升赋值），所以能在声明前读取，值为 undefined：

console.log(a); // undefined<br>var a = 1;

登录后复制

let 和 const 虽然声明也会被提升，但处于“暂时性死区”（TDZ）——在声明语句执行前访问会直接报 ReferenceError：

console.log(b); // ReferenceError<br>let b = 2;

登录后复制

这种设计强制开发者按顺序写代码，减少因提升导致的逻辑错误。

星绘

豆包旗下 AI 写真、P 图、换装和视频生成

404

var 允许在同一作用域内重复声明，后一次会覆盖前一次：

var c = 1;<br>var c = 2; // 合法，c 变成 2

登录后复制

let 和 const 不允许重复声明：

let d = 1;<br>let d = 2; // SyntaxError: Identifier 'd' has already been declared

登录后复制

此外，const 声明后必须立即初始化，且不能重新赋值：

const e = 3;<br>e = 4; // TypeError: Assignment to constant variable.<br>const f; // SyntaxError: Missing initializer in const declaration

登录后复制

注意：const 对对象/数组只是禁止重新赋值，内容仍可修改：

const obj = { name: 'Alice' };<br>obj.name = 'Bob'; // ✅ 合法<br>obj = {}; // ❌ 报错

登录后复制

默认用 const —— 如果变量后续要重新赋值，改用 let；几乎不再需要 var。

原因很实在：
• const 和 let 更安全，作用域清晰，不易误用
• 没有提升陷阱，调试更直观
• 现代浏览器和构建工具（如 Webpack、Vite）已全面支持

基本上就这些。

以上就是javascript的let和const是什么_它们与var有何不同？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：