【JavaScript】let,const 和 var 的区别

  1. 作用域:

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

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

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

    • 使用 var 声明的变量可以随时重新赋值,并且可以修改其值和类型。
    • 使用 let 声明的变量也可以重新赋值,但不能重新声明。
    • 使用 const 声明的变量必须进行初始化,并且不能被重新赋值。但这并不意味着它们是不可变的,如果是引用类型的值,可以修改其属性。
相关推荐
嘉琪0012 分钟前
Day1 完整学习包(var/let/const + 作用域)——2026 0310
前端·javascript·学习
Moment6 分钟前
2026 年 Next.js 站点的 SEO 优化指南
前端·javascript·面试
小小仙。12 分钟前
IT自学第三十二天
服务器·前端·javascript
@大迁世界15 分钟前
01.什么是 ReactJS?
前端·javascript·react.js·前端框架·ecmascript
猫头虎-前端技术18 分钟前
这个项目需要Node 16,那个项目需要Node 18:如何解决多项目Node.js版本管理问题
前端·javascript·chrome·typescript·node.js·json·firefox
前端 贾公子38 分钟前
uni-app 也能使用 App.vue?解决 uniapp 无法使用公共组件问题
开发语言·前端·javascript
SuperEugene42 分钟前
Promise 从入门到实战:同步异步、回调地狱、then/catch/finally 全解
前端·javascript·面试
前端 贾公子43 分钟前
uniapp 小程序获取后端的二进制 保存到手机相册
java·前端·javascript
智能工业品检测-奇妙智能1 小时前
快速直播:Node.js + FFmpeg + flv.js 全栈实战
javascript·ffmpeg·node.js
还是大剑师兰特1 小时前
vue3中如何使用 getCurrentInstance()
前端·javascript·vue.js