登录
首页 >  文章 >  前端

let和const是ES6新增的变量声明方式,与var有显著区别。var:函数作用域,可重复声明,存在变量提升。let:块级作用域,不可重复声明,不存在变量提升。const:块级作用域,声明后不可修改(常量),同样无变量提升。总结:var适合旧版代码,但易引发作用域问题。let和const更安全,推荐在现代开发中使用。

时间:2026-01-02 17:54:48 424浏览 收藏

今日不肯埋头,明日何以抬头!每日一句努力自己的话哈哈~哈喽,今天我将给大家带来一篇《let和const是什么?与var有何区别?》,主要内容是讲解等等,感兴趣的朋友可以收藏或者有更好的建议在评论提出,我都会认真看的!大家一起进步,一起学习!

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是ES6新增的变量声明方式,与var有显著区别。var:函数作用域,可重复声明,存在变量提升。let:块级作用域,不可重复声明,不存在变量提升。const:块级作用域,声明后不可修改(常量),同样无变量提升。总结:var适合旧版代码,但易引发作用域问题。let和const更安全,推荐在现代开发中使用。》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>