变量提升指声明被移至作用域顶部，但赋值不提升；var 声明提升并初始化为 undefined，let/const 存在暂时性死区，函数声明完全提升而表达式按变量处理。

JavaScript 中的变量提升（Hoisting）是指变量和函数声明在代码执行前被“移动”到其作用域顶部的现象。但要注意，只有声明会被提升，赋值不会。

变量提升的具体表现

使用 var 声明的变量，其声明会被提升到当前作用域（函数或全局）顶部，初始化值为 undefined；而 let 和 const 虽然也存在声明提升，但它们处于“暂时性死区”（TDZ），在声明前访问会直接报错（ReferenceError）。

• var a = 1; 实际等价于：先提升 var a;（值为 undefined），再执行 a = 1;
• let b = 2; 中，let b; 被提升，但直到执行到该行前，b 都不可访问
• 函数声明（function foo() {}）完整提升，可提前调用；函数表达式（const foo = function() {};）则按变量规则处理

常见陷阱与错误示例

不理解提升机制容易写出看似合理却运行异常的代码：

• 在 var 声明前读取变量 → 得到 undefined，而非报错，可能掩盖逻辑错误
• 用 let/const 在声明前访问 → 立即抛出 ReferenceError，但错误位置可能远离真实问题源头
• 混淆函数声明与函数表达式的提升行为，导致“函数未定义”错误

如何写出更可靠的代码

避免依赖提升，主动控制声明顺序和作用域：

• 始终在作用域顶部集中声明变量（尤其 var），或直接使用 let/const 并确保先声明后使用
• 优先使用 const，仅在需要重新赋值时用 let，从语言层面减少意外覆盖
• 避免在条件块中声明函数（如 if 内写 function foo() {}），不同引擎行为不一致
• 启用严格模式（'use strict'）和 ESLint 规则（如 no-use-before-define），及早暴露问题

变量提升是 JavaScript 执行上下文机制的一部分，不是语法糖或编译优化。理解它，才能预判代码的真实执行顺序，减少隐蔽 bug。

# javascript  # java  # 作用域  # 为什么 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  小米17系列还有一款新机？主打6.9英寸大直屏和旗舰级影像  Laravel中的Facade(门面)到底是什么原理  lovemo网页版地址 lovemo官网手机登录  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  网站制作软件免费下载安装,有哪些免费下载的软件网站？  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  android nfc常用标签读取总结  在centOS 7安装mysql 5.7的详细教程  如何获取免费开源的自助建站系统源码？  Android自定义控件实现温度旋转按钮效果  太平洋网站制作公司,网络用语太平洋是什么意思？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  js代码实现下拉菜单【推荐】  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  Laravel如何使用Service Container和依赖注入？（代码示例）  Linux系统命令中screen命令详解  高端云建站费用究竟需要多少预算？  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  如何快速搭建高效简练网站？  如何快速搭建虚拟主机网站？新手必看指南  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件  米侠浏览器网页图片不显示怎么办 米侠图片加载修复  大同网页,大同瑞慈医院官网？  phpredis提高消息队列的实时性方法(推荐)  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  如何快速建站并高效导出源代码？  如何在宝塔面板创建新站点？  网站制作壁纸教程视频,电脑壁纸网站？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  Linux虚拟化技术教程_KVMQEMU虚拟机安装与调优  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel如何使用Blade模板引擎？（完整语法和示例）  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Laravel如何设置定时任务（Cron Job）_Laravel调度器与任务计划配置  nginx修改上传文件大小限制的方法  如何生成腾讯云建站专用兑换码？  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  Laravel Debugbar怎么安装_Laravel调试工具栏配置指南  Laravel怎么集成Vue.js_Laravel Mix配置Vue开发环境  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  如何快速生成高效建站系统源代码？  javascript如何操作浏览器历史记录_怎样实现无刷新导航