【前端面经】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

相关推荐
旦莫6 分钟前
Python 教程:我们可以给 Python 文件起中文名吗?
开发语言·python
天天扭码14 分钟前
深入讲解Javascript中的常用数组操作函数
前端·javascript·面试
猿究院_xyz15 分钟前
跟着尚硅谷学vue-day5
前端·javascript·vue.js·前端框架·html
小杰love编程18 分钟前
Django 入门指南:构建强大的 Web 应用程序
前端·django·sqlite
~heart将心比心20 分钟前
chrome://inspect/#devices 调试 HTTP/1.1 404 Not Found 如何解决
前端·chrome
黄蘑菇26 分钟前
Vue 路由组件复用不触发生命周期钩子问题及解决方案
前端
嘻嘻嘻嘻嘻嘻ys27 分钟前
《Spring Boot 3 + Java 17:响应式云原生架构深度实践与范式革新》
前端·后端
Mike_jia29 分钟前
Glances:开源跨平台监控工具的终极指南
前端
前端太佬34 分钟前
从拧螺丝到造火箭:Git高阶玩家生存报告
前端·git·github