Hoisting指变量和函数声明在编译阶段被提升至作用域顶部,但仅声明被提升,赋值和函数体不提升;var声明提升并初始化为undefined,let/const声明提升但处于TDZ,函数声明完整提升优先于var变量,函数表达式仅变量声明部分提升。

JavaScript中的Hoisting(提升)是指变量和函数声明在编译阶段被“移动”到其所在作用域顶部的现象。注意:只是声明被提升,赋值或函数体不会被提升。
变量声明提升(var)
var 声明的变量会在代码执行前被提升到当前作用域顶部,并初始化为 undefined。这意味着你可以在声明之前访问它,但值是 undefined。
- console.log(a); // undefined
- var a = 10;
- 等价于:
- var a; // 提升并初始化为 undefined
- console.log(a); // undefined
- a = 10; // 赋值保留在原位置
let 和 const 不会提升变量值
let 和 const 声明虽然也会被提升,但不会被初始化。它们处于“暂时性死区”(TDZ),在声明语句执行前访问会抛出 ReferenceError。
- console.log(b); // ReferenceError: Cannot access 'b' before initialization
- let b = 20;
函数声明提升优先于变量声明
函数声明(function foo() {...})会被完整提升——包括函数名和函数体。如果同名的函数声明和 var 变量声明共存,函数声明优先。
立即学习“Java免费学习笔记(深入)”;
- console.log(typeof foo); // "function"
- var foo = 10;
- function foo() {}
- // 实际执行顺序相当于:
- function foo() {} // 先完整提升函数
- var foo; // 再提升 var(但已被函数占据,不覆盖)
- console.log(typeof foo); // 还是 "function"
- foo = 10; // 此时才赋值,覆盖函数
函数表达式不会被提升
用 var/let/const 定义的函数表达式,只有变量声明部分被提升(对 var 是 undefined;对 let/const 是 TDZ),函数本身不提升。
- console.log(bar()); // TypeError: bar is not a function(bar 是 undefined)
- var bar = function() { return 'hello'; };
- // 等价于:var bar; → bar(); → bar = function...
基本上就这些。Hoisting 是 JS 执行机制的基础表现,理解它能帮你避开不少“变量未定义”类错误。不复杂但容易忽略。










