【JavaScript】let,const 和 var 的区别

  1. 作用域:

    • var 声明的变量具有全局作用域和函数作用域,可以跨块访问。
    • let 和 const 声明的变量还具有块级作用域,意味着它们在声明它们的块(例如,if 块、for 块、函数块等)内可见。(之前没有块作用域的时候,if 或者 for 等中声明的变量会泄露全局变量,其次 {} 中的内层变量可能会覆盖外层变量,块作用域解决了这些问题)
  2. 变量提升:

    • var 声明的变量会被提升到其作用域的顶部。这意味着可以在声明变量之前访问它们,但它们的值将是 undefined。
    • let 和 const 不会发生变量提升,存在暂时性死区(TDZ)。在声明之前访问 let 或 const 变量会导致 ReferenceError。
  3. 重复声明:

    • 在相同的作用域中,使用 var 可以多次声明同一变量而不会报错。
    • 使用 let 或 const 在相同的作用域中重复声明同一变量会导致 SyntaxError。
  4. 可变性:

    • 使用 var 声明的变量可以随时重新赋值,并且可以修改其值和类型。
    • 使用 let 声明的变量也可以重新赋值,但不能重新声明。
    • 使用 const 声明的变量必须进行初始化,并且不能被重新赋值。但这并不意味着它们是不可变的,如果是引用类型的值,可以修改其属性。
相关推荐
Highcharts.js7 小时前
BI可视化图表“维护难”问题的解决方案
开发语言·前端·javascript·编辑器·ecmascript·bi·highcharts
倚窗听花_7 小时前
IIS部署前端Vue项目
前端·javascript·vue.js
yixun_gdas7 小时前
政企网站错敏巡查:错敏都藏在哪些位置?
开发语言·前端·javascript·内容运营
小羊没烦恼!7 小时前
.NET 11 Runtime Async 详解
java·运维·开发语言·javascript·python
飞飞鱼在摸鱼8 小时前
前端转Agent开发 | JavaScript 从 0 到 1 完全指南
前端·javascript
Suprman9 小时前
从 B/S 到 Electron:平面排版套料系统桌面版开发实战
javascript·平面·electron·排序算法
u0111026759 小时前
Vue 3 统一右侧编辑面板:布局、滚动与底部操作区设计
javascript·vue.js·ecmascript
change_fate9 小时前
Vue 3 Composable 函数指南
前端·javascript·vue.js
tryCbest9 小时前
Vue3——第 9 篇:组件通信全攻略(下)——Provide / Inject 与事件总线
前端·javascript·vue.js
漫步人生走在路上10 小时前
外贸SEO中的品牌词与产品词策略:大卖家和小卖家的不同打法
大数据·javascript·网络·数据库·人工智能·搜索引擎