变量提升是什么？如何实现？

来到golang学习网的大家，相信都是编程学习爱好者，希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《JavaScript变量提升是什么？如何发生？》，介绍一下，希望对大家的知识积累有所帮助，助力实战开发！

JavaScript变量提升指声明被移至作用域顶部，但赋值不提升；var声明提升后访问为undefined，let/const存在暂时性死区会报错，函数声明完全提升而函数表达式仅变量名提升。

JavaScript 的 Hoisting（变量提升）指的是在代码执行前，JavaScript 引擎会先把变量声明和函数声明“移动”到其所在作用域的顶部。注意：只是声明被提升，赋值不会被提升。

变量提升只提升声明，不提升赋值

使用 var 声明的变量，其声明会被提升到作用域顶部，但初始化（即等号右边的值）仍保留在原位置。因此，在声明前访问该变量会得到 undefined，而不是报错。

例如：

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

引擎实际处理逻辑类似这样：

var a;           // 声明被提升  
console.log(a);  // undefined  
a = 10;          // 赋值保留在原地  
console.log(a);  // 10

let 和 const 不会进行变量提升（但有暂时性死区）

let 和 const 声明虽然也存在“提升”，但它们不会被初始化为 undefined。在声明语句执行前访问它们，会直接抛出 ReferenceError。

这是因为它们处于“暂时性死区（Temporal Dead Zone, TDZ）”中——从块级作用域开始到声明语句执行完成前，都不能访问。

例如：

console.log(b); // ReferenceError  
let b = 20;

函数声明会被完整提升，函数表达式只提升变量名

函数声明（function declaration）不仅声明被提升，整个函数体也会被提升，因此可以在声明前调用。

而函数表达式（function expression）本质是赋值操作，只有 var 变量声明部分被提升，函数本身不会被提升。

• 函数声明可提前调用：

foo(); // 正常输出 "hello"  
function foo() { console.log("hello"); }

• 函数表达式不行：

bar(); // TypeError: bar is not a function  
var bar = function() { console.log("world"); };

提升发生在编译阶段，与代码书写顺序无关

JavaScript 引擎在执行代码前会先进行“编译”（更准确说是“解析+创建执行上下文”），此时收集所有 var、function 声明，并为它们分配内存空间（var 初始化为 undefined，function 初始化为函数体）。这个过程独立于你写的代码行号或缩进。

也就是说，哪怕函数写在文件最后一行，只要它是声明形式，就能在文件开头被调用。

今天关于《变量提升是什么？如何实现？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！