变量提升详解：JavaScript声明提前机制

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《变量提升是 JavaScript 中的一个特性，它使得变量和函数在声明之前就可以被使用。这种机制会影响代码的执行顺序，可能导致意外的行为。以下是详细的解释：1. 变量提升（Variable Hoisting）在 JavaScript 中，变量提升是指 变量和函数的声明会被“移动”到它们所在作用域的顶部，但赋值操作不会被提升。示例：变量提升console.log(x); // 输出: undefined var x = 5;在这个例子中，虽然 x 是在 console.log 之后声明的，但由于变量提升，JavaScript 引擎会将 var x; 移动到作用域的顶部，而赋值 x = 5 仍然保留在原处。因此，console.log(x) 会输出 undefined，而不是报错。函数提升函数也可以被提升，包括函数声明和函数表达式。函数声明（Function Declaration）会被完全提升：sayHello(); // 输出: "Hello!" function sayHello() { console.log("Hello!"); }函数表达式（Function Expression）不会被提升：sayHello(); // 报错: sayHello is not a function var sayHello = function() { console.log("Hello!"); };2. 执行顺序》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

JavaScript变量提升指声明被移至作用域顶部，但仅var声明初始化为undefined，let/const因TDZ在声明前访问报错，函数声明完全提升而表达式不提升。

变量提升（Hoisting）是 JavaScript 在编译阶段将 变量声明 和 函数声明 “移动”到其所在作用域顶部的行为。注意：只有声明被提升，赋值不会被提升。

变量声明提升（var）

var 声明的变量会在代码执行前被“提升”到作用域顶部，并初始化为 undefined。这意味着你可以在声明之前访问它，但值是 undefined，而不是报错。

例如：

实际等价于：

let 和 const 不会提升变量值

let 和 const 声明的变量虽然也存在“提升”，但它们处于**暂时性死区（TDZ）**：从作用域开头到声明语句之间，访问这些变量会直接抛出 ReferenceError。

例如：

这是因为 let/const 提升的是声明本身，但不初始化，也不允许在声明前读写。

函数声明会被完整提升

函数声明（不是函数表达式）会被完全提升——包括函数名和函数体。因此可以在声明前调用。

例如：

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

提升只发生在当前作用域内

提升不会跨作用域。块级作用域（如 if、for）中的 var 声明仍属于外层函数或全局作用域；而 let/const 只在块内有效，且受 TDZ 限制。

常见误区：

• var 在块中声明，仍可被块外访问（因提升到函数/全局顶层）
• let/const 在块中声明，块外不可访问，块内未声明前访问会报错
• 函数内同名 var 和 let 不会互相覆盖，但会因 TDZ 导致提前访问失败

基本上就这些。理解提升的关键是分清“声明提升”和“赋值执行”的时机，尤其注意 var 的隐式初始化与 let/const 的 TDZ 行为差异。不复杂但容易忽略。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《变量提升详解：JavaScript声明提前机制》文章吧，也可关注golang学习网公众号了解相关技术文章。