javascript变量提升是什么_为什么声明会被移动到作用域顶部？-js教程-PHP中文网

javascript变量提升是什么_为什么声明会被移动到作用域顶部？

幻影之瞳

发布： 2025-12-19 20:27:50

原创

349人浏览过

JavaScript变量提升指var和function声明被提升至作用域顶部，但仅声明而非赋值；let/const虽声明提升却因暂时性死区不可访问；本质是引擎创建阶段与执行阶段分离所致。

javascript变量提升是什么_为什么声明会被移动到作用域顶部？

JavaScript 变量提升（Hoisting）是指在代码执行前，JavaScript 引擎会先“扫描”当前作用域，把所有 变量声明（var）和 函数声明（function fn() {...}）的定义“提升”到作用域顶部。注意：只是声明被提升，赋值不会动。

比如这段代码：

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

登录后复制

引擎实际按这样理解：

var a; // 声明被提升<br>console.log(a); // 此时 a 已声明但未赋值 → undefined<br>a = 10; // 赋值保留在原位置

登录后复制

所以输出是 undefined，不是报错，也不是 10。

函数声明（不是函数表达式）会被完整提升：

foo(); // 正常运行，输出 "hello"<br>function foo() { console.log("hello"); }

登录后复制

这等价于：

稿定抠图

AI自动消除图片背景

function foo() { console.log("hello"); }<br>foo();

登录后复制

但函数表达式不会被提升：

bar(); // TypeError: bar is not a function<br>var bar = function() { console.log("world"); };

登录后复制

let 和 const 声明**也被提升**，但不初始化（不像 var 默认初始化为 undefined）。从块顶部到声明语句之间，访问它们会直接报错 —— 这叫“暂时性死区”（TDZ）：

console.log(b); // ReferenceError<br>let b = 20;

登录后复制

所以严格来说，不是“没提升”，而是提升后不可访问，直到声明执行。

JavaScript 引擎分两阶段工作：

这种分离让引擎能提前知道有哪些变量/函数可用，支撑了函数可以先调用后定义的语言特性。本质是执行模型决定的，并非刻意“移动代码”。

基本上就这些。理解提升的关键是分清“声明”“初始化”“赋值”三步，而不是字面以为代码真的被剪切粘贴到顶部。

以上就是javascript变量提升是什么_为什么声明会被移动到作用域顶部？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：