什么是变量提升_javascript中如何理解它?

变量提升指JavaScript引擎在编译阶段将声明“记入”作用域顶部,并非真实移动代码;var声明被提升并初始化为undefined,let/const仅提升不初始化而存在TDZ,函数声明整体提升,函数表达式仅变量名提升。

什么是变量提升_javascript中如何理解它?

变量提升(Hoisting)是 JavaScript 中一个容易让人困惑的概念,它指的是变量和函数声明在代码执行前被“移动”到当前作用域顶部的现象。注意:不是真的移动代码,而是 JavaScript 引擎在编译阶段就记住了这些声明,让它们在作用域内“看起来”像是提前存在了。

var 声明会被提升并初始化为 undefined

var 声明的变量,声明会被提升,同时会被自动赋值为 undefined。所以你可以在声明之前访问它,不会报错,但值是 undefined

console.log(a); // undefined var a = 10;

这等价于:

var a; // 提升并初始化为 undefined console.log(a); // undefined a = 10; // 赋值不提升

let 和 const 声明只提升不初始化(存在暂时性死区)

letconst 声明也会被提升,但不会被初始化。在声明语句执行前访问它们,会直接抛出 ReferenceError,这个区域叫“暂时性死区”(Temporal Dead Zone, TDZ)。

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

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

函数声明整体提升,函数表达式只有 var 部分提升

函数声明(function foo() {…})会被完整提升,包括函数名和函数体,所以可以先调用后定义。

foo(); // 正常运行,输出 “hello” function foo() { console.log(“hello”); }

而函数表达式(如 var bar = function() {…})只提升 var bar,不提升赋值,因此调用会报 TypeError

bar(); // TypeError: bar is not a function var bar = function() { console.log(“world”); };

提升只发生在当前作用域内

提升不是全局的,它严格按作用域(函数作用域或块级作用域)发生。比如函数内部的 var 只在该函数内提升,不会影响外层;let/const 在块(如 if、for)中声明,也只在该块内有效,且受 TDZ 约束。

基本上就这些。理解提升的关键不是记住“代码被挪到上面”,而是明白 JavaScript 分“编译阶段”(收集声明)和“执行阶段”(运行代码),而不同声明方式在这两个阶段的行为不同。

以上就是什么是变量提升_javascript中如何理解它?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1542856.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 14:33:22
下一篇 2025年12月21日 14:33:26

相关推荐

发表回复

登录后才能评论
关注微信