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

变量提升(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 声明只提升不初始化(存在暂时性死区)
let 和 const 声明也会被提升,但不会被初始化。在声明语句执行前访问它们,会直接抛出 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
微信扫一扫
支付宝扫一扫