首页 > web前端 > js教程 > 正文

什么是JavaScript的Hoisting现象_变量和函数声明提升如何运作?

紅蓮之龍
发布: 2025-12-18 22:44:02
原创
783人浏览过
Hoisting指变量和函数声明在编译阶段被提升至作用域顶部,但仅声明被提升,赋值和函数体不提升;var声明提升并初始化为undefined,let/const声明提升但处于TDZ,函数声明完整提升优先于var变量,函数表达式仅变量声明部分提升。

什么是javascript的hoisting现象_变量和函数声明提升如何运作?

JavaScript中的Hoisting(提升)是指变量和函数声明在编译阶段被“移动”到其所在作用域顶部的现象。注意:只是声明被提升,赋值或函数体不会被提升。

变量声明提升(var)

var 声明的变量会在代码执行前被提升到当前作用域顶部,并初始化为 undefined。这意味着你可以在声明之前访问它,但值是 undefined。

  • console.log(a); // undefined
  • var a = 10;
  • 等价于:
  • var a; // 提升并初始化为 undefined
  • console.log(a); // undefined
  • a = 10; // 赋值保留在原位置

let 和 const 不会提升变量值

letconst 声明虽然也会被提升,但不会被初始化。它们处于“暂时性死区”(TDZ),在声明语句执行前访问会抛出 ReferenceError

  • console.log(b); // ReferenceError: Cannot access 'b' before initialization
  • let b = 20;

函数声明提升优先于变量声明

函数声明(function foo() {...})会被完整提升——包括函数名和函数体。如果同名的函数声明和 var 变量声明共存,函数声明优先。

ProcessOn
ProcessOn

免费在线流程图思维导图,专业强大的作图工具,支持多人实时在线协作

ProcessOn 925
查看详情 ProcessOn

立即学习Java免费学习笔记(深入)”;

  • console.log(typeof foo); // "function"
  • var foo = 10;
  • function foo() {}
  • // 实际执行顺序相当于:
  • function foo() {} // 先完整提升函数
  • var foo; // 再提升 var(但已被函数占据,不覆盖)
  • console.log(typeof foo); // 还是 "function"
  • foo = 10; // 此时才赋值,覆盖函数

函数表达式不会被提升

var/let/const 定义的函数表达式,只有变量声明部分被提升(对 var 是 undefined;对 let/const 是 TDZ),函数本身不提升。

  • console.log(bar()); // TypeError: bar is not a function(bar 是 undefined)
  • var bar = function() { return 'hello'; };
  • // 等价于:var bar; → bar(); → bar = function...

基本上就这些。Hoisting 是 JS 执行机制的基础表现,理解它能帮你避开不少“变量未定义”类错误。不复杂但容易忽略。

以上就是什么是JavaScript的Hoisting现象_变量和函数声明提升如何运作?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号