【前端面经】JS 中 var、let、const 变量声明方式及其区别?

JS 中三种变量声明方式及其区别

三种变量声明方式及其区别

var、let、const 的对比

特性 var let const
函数作用域 √(变量在函数中声明时) not only not only
全局作用域 √(变量在函数外声明时) × ×
块级作用域 × √(变量声明的所在代码块) √(变量声明的所在代码块)
重新声明
重新赋值

const 的不可变性const 声明的变量必须初始化,且不能重新赋值。但是对于复杂数据类型(如对象),可以修改其中的内容。

变量的提升

  • var 的提升:变量被提升到作用域顶部并初始化;可以在声明之前访问 ,值为 undefined
  • let 的提升:变量被提升到作用域顶部但不初始化;不可以在声明之前访问 ,会报错 ReferenceError(称为暂时性死区,TDZ)
  • const 的提升:变量被提升到作用域顶部但不初始化;不可以在声明之前访问 ,会报错 ReferenceError(称为暂时性死区,TDZ)

暂时性死区的说明 :所谓暂时性死区,指的是在进入作用域直到变量声明被执行之前的这段时间内,变量是存在的但是无法被访问 ,任何访问都会导致 ReferenceError

相关推荐
OxYGC13 小时前
[玩转GoLang] 5分钟整合Gin / Gorm框架入门
开发语言·golang·gin
shellvon13 小时前
前端攻防:揭秘 Chrome DevTools 与反调试的博弈
前端·逆向
锐策13 小时前
Lua 核心知识点详解
开发语言·lua
β添砖java13 小时前
案例二:登高千古第一绝句
前端·javascript·css
却尘13 小时前
Server Actions 深度剖析:这就是个披着 React 外衣的 RPC
前端·rpc·next.js
TNTLWT13 小时前
单例模式(C++)
javascript·c++·单例模式
kyle~14 小时前
C/C++---动态内存管理(new delete)
c语言·开发语言·c++
南雨北斗14 小时前
Vue 3 修饰符(Modifiers)
前端
会豪14 小时前
工业仿真(simulation)--前端(七)--消息栏
前端
Jinuss14 小时前
Vue3源码reactivity响应式篇之computed计算属性
前端·vue3