【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 声明的变量必须进行初始化,并且不能被重新赋值。但这并不意味着它们是不可变的,如果是引用类型的值,可以修改其属性。
相关推荐
特立独行的猫A4 小时前
仓颉版 Tauri:基于轻量化线程与纯血鸿蒙架构的下一代 Web 混合开发利器
javascript
李游Leo5 小时前
HarmonyOS 7 ArkTS + ohpm:三方 JS 库副作用隔离与 API 26 升级回归【鸿蒙心迹】
javascript·回归·harmonyos
你挚爱的强哥5 小时前
【sgKeyboard】自定义组件:虚拟键盘
前端·javascript·计算机外设
锅里游的鱼吖5 小时前
echarts自定义折线图
前端·javascript·数据库
何何____6 小时前
Vue 全局事件总线详解
前端·javascript·vue.js
u0111026756 小时前
工具页案例图如何编写 alt让图片说明与处理场景对应
java·前端·javascript·图像处理·人工智能·算法·ai作画
事圆则缓7 小时前
Flutter 状态管理框架对比(五):GetX 的响应式、依赖注册与生命周期
前端·javascript·flutter
凌云志.8 小时前
【protobuf】proto3语法详解&通讯录2.x实现
java·前端·javascript
ss2738 小时前
AI全栈实战 | 2.1-03 JavaScript 核心:单线程+事件循环为什么不等同于多线程,原型链 vs Java 继承
java·开发语言·javascript
500848 小时前
React Native for OpenHarmony 实战:三方库 react-native-crypto-js 的鸿蒙化适配指南
javascript·react native·性能优化·electron·harmonyos