【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 声明的变量必须进行初始化,并且不能被重新赋值。但这并不意味着它们是不可变的,如果是引用类型的值,可以修改其属性。
相关推荐
专业抄代码选手2 分钟前
03|React 为什么需要协调:比较两棵树,而不是重建页面
前端·javascript·react.js
王霸天5 分钟前
GLB 文件太大怎么办?我把它从 47MB 压到 8MB,全程没碰命令行
前端·javascript·程序员
胡萝卜术10 分钟前
权限系统的四道防线:从数据库事务锁到操作级保护规则的完整设计
前端·javascript·面试
今日无bug13 分钟前
从同步阻塞到 async/await:一文梳理 JS 异步流程控制的进化史
javascript·promise
xiaominlaopodaren15 分钟前
three.js最小地图运行时(八): 瓦片调试网格
javascript·gis·three.js
circuitsosk33 分钟前
智能体任务拆解与执行:基于ReAct+Plan-and-Execute框架的行业Skill构建实录
前端·javascript·python·react.js·react·llm agent·智能体编排
daols8837 分钟前
vue 表格vxe-table 实现紧凑型表格的方式
前端·javascript·vue.js
Java搬码工1 小时前
VUE3使用教程
前端·javascript·vue.js
小白勇闯网安圈1 小时前
Vue 3 核心进阶:组合式 API、响应式系统与 <script setup>
前端·javascript·vue.js
雪芽蓝域zzs1 小时前
Vue3 + JS + pnpm 创建项目
开发语言·javascript·ecmascript