JavaScript变量提升机制_JavaScript执行上下文-js教程-PHP中文网

JavaScript变量提升机制_JavaScript执行上下文

夢幻星辰

发布： 2025-12-02 05:53:19

原创

261人浏览过

变量提升使var声明和函数声明在创建阶段被提升至作用域顶部，var仅提升声明、初始化为undefined，函数声明则完全提升可提前调用，而let/const存在暂时性死区，未声明前访问报错，函数表达式因赋值未提升导致调用出错，执行上下文的两阶段机制决定了代码实际运行行为。

javascript变量提升机制_javascript执行上下文

JavaScript中的变量提升和执行上下文是理解代码运行机制的关键。很多人在使用var声明变量或定义函数时，会遇到看似“奇怪”的行为，比如为什么可以在声明之前访问变量而不报错。这背后的核心机制就是变量提升（Hoisting）和执行上下文（Execution Context）的创建过程。

执行上下文的两个阶段

每当JavaScript执行一段代码时，都会先创建一个执行上下文，它分为两个阶段：

创建阶段（Creation Phase）：此时会处理变量声明、函数声明和作用域链构建。
执行阶段（Execution Phase）：代码逐行执行，赋值操作和函数调用发生在此阶段。

变量提升主要发生在创建阶段。

变量提升的表现

在创建阶段，JavaScript引擎会将所有通过var声明的变量和function声明的函数“提升”到当前作用域的顶部。

立即学习“Java免费学习笔记（深入）”；

使用var声明的变量会被提升，但只提升声明，不提升赋值。初始值为undefined。
函数声明会被完整提升，因此可以在声明前调用。
let和const虽然也有提升，但不会被初始化，进入“暂时性死区”（Temporal Dead Zone），在声明前访问会报错。

例如：

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

fn(); // 输出 "I'm hoisted"
function fn() {
console.log("I'm hoisted");
}

函数表达式与提升

函数表达式不会被完整提升。例如：

稿定AI文案

小红书笔记、公众号、周报总结、视频脚本等智能文案生成平台

169

查看详情

console.log(func); // undefined（因为func是var声明）
func(); // 报错：func is not a function

var func = function() {
console.log("This won't work before assignment");
};

这里func被提升了，但值是undefined，所以调用时报错。