【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 声明的变量必须进行初始化,并且不能被重新赋值。但这并不意味着它们是不可变的,如果是引用类型的值,可以修改其属性。
相关推荐
1024肥宅11 分钟前
前端常用模式:提升代码质量的四大核心模式
前端·javascript·设计模式
哆啦A梦158823 分钟前
商城后台管理系统 04,商品添加-清空列表
javascript·vue.js·elementui
哆啦A梦158824 分钟前
商城后台管理系统 06,类目选择实现
javascript·vue.js·elementui
qingyun98939 分钟前
使用递归算法深度收集数据结构中的点位信息
开发语言·javascript·ecmascript
哆啦A梦15881 小时前
【vue实战】商城后台管理系统 01 项目介绍
前端·javascript·vue.js
布茹 ei ai1 小时前
5、基于 GEE 的 Sentinel-1 SAR 地震滑坡变化检测系统:2022 泸定地震案例
javascript·sentinel·遥感·gee·云平台
一字白首1 小时前
Vue Router 进阶,声明式 / 编程式导航 + 重定向 + 404 + 路由模式
前端·javascript·vue.js
d111111111d1 小时前
C语言中static修斯局部变量,全局变量和函数时分别由什么特性
c语言·javascript·笔记·stm32·单片机·嵌入式硬件·学习
李瑞丰_liruifengv2 小时前
使用 Claude Agent SDK 写一个 DeepResearch Agent
javascript·aigc·agent
江公望2 小时前
VUE3 动态Prop 10分钟讲清楚
前端·javascript·vue.js