




变量提升是执行上下文创建阶段将声明注册到词法环境或变量环境的结果,var初始化为undefined,函数声明完全绑定,let/const仅注册不初始化致TDZ。
JavaScript 的变量提升(Hoisting)本质上是执行上下文(Execution Context)创建阶段的必然结果,不是语法糖,也不是引擎“把代码往上挪”——而是变量和函数声明在进入执行上下文时,被预先注册到其词法环境(Lexical Environment)中,但初始化时机不同。
每次 JavaScript 运行一段可执行代码(全局代码、函数调用、eval),都会创建一个执行上下文。它是 JS 引擎用来管理变量、函数、this 和作用域的运行时容器。每个上下文分两个阶段:创建阶段(Creation Phase)和执行阶段(Execution Phase)。
创建阶段会做三件事:
关键区别在于“注册”和“初始化”的分离程度:
代码:
console.log(a); // undefined(var 提升 + 初始化)
console.log(b); // ReferenceError(let 未初始化,处于 TDZ)
console.log(foo()); // "ok"(函数声明提升并初始化)
var a = 1;
let b = 2;
function foo() { return "ok"; }
执行过程:
console.log(a) 时 a 已存在(undefined);遇到 console.log(b) 时 b 在 TDZ 中,禁止读取因为提
升不是编译期重排代码,也不跨上下文生效。它严格绑定在每个执行上下文的创建阶段: