登录
首页 >  文章 >  前端

let和const是什么?与var区别详解

时间:2025-12-20 21:21:37 389浏览 收藏

推广推荐
免费电影APP ➜
支持 PC / 移动端,安全直达

本篇文章给大家分享《let和const是什么?与var的区别解析》,覆盖了文章的常见基础知识,其实一个语言的全部知识点一篇文章是不可能说完的,但希望通过这些问题,让读者对自己的掌握程度有一定的认识(B 数),从而弥补自己的不足,更好的掌握它。

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

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

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

作用域:块级 vs 函数级

var 声明的变量只有函数作用域(或全局作用域),哪怕写在 if 或 for 里,也能在块外访问:

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

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

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

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

变量提升:undefined vs 报错

var 会“提升”声明(但不提升赋值),所以能在声明前读取,值为 undefined

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

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

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

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

重复声明与赋值限制

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

var c = 1;
var c = 2; // 合法,c 变成 2

let 和 const 不允许重复声明:

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

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

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

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

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

怎么选?一句话建议

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

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

基本上就这些。

今天关于《let和const是什么?与var区别详解》的内容介绍就到此结束,如果有什么疑问或者建议,可以在golang学习网公众号下多多回复交流;文中若有不正之处,也希望回复留言以告知!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>