什么是JavaScript的Hoisting现象_变量和函数声明提升如何运作？

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 变量声明共存，函数声明优先。

标签： javascript java js access 作用域