本文共 1360 字，大约阅读时间需要 4 分钟。
我是 TianTian，今天来分享一个技术点：JavaScript中的变量提升（Hoisting）。
近日，一位大二学妹拿来一道看似简单的题目，却让我头疼了好几天。后来才发现，这道题目中隐藏着一个深奥的概念——变量提升。
根据MDN的定义，变量提升（Hoisting）是JavaScript引擎在编译阶段为我们预先处理代码的一种机制。具体来说，引擎会将函数和变量的声明位置提到代码的顶部执行。这意味着，即使代码中函数或变量的声明位置在实际编码中并非最前面，引擎依然可以正常执行。
简单来说，在编译阶段，JS引擎会将变量和函数的声明位置提前到代码的最前面，但实际代码中变量的声明位置并不会改变。这种行为类似于编译器在编译过程中对代码的优化。
当JS引擎获取代码后，首先会为所有函数和变量分配内存空间。对于函数，引擎会存储的是对整个函数代码的引用，而不会直接存储函数内部的逻辑。同样，变量的存储方式也与函数不同，主要有以下两种情况：
var 关键字声明的变量：
undefined。var声明的变量会被提前存储到内存中，但实际值会在执行阶段被初始化。let 和 const 关键字声明的变量：
uninitialized。ReferenceError（未定义的引用错误），这就是我们常说的 暂时性死区。通过以上分析，我们可以看出，let 和 const 与 var 的主要区别在于它们声明变量时的存储状态。
在实际执行代码时，引擎会根据预先准备的变量引用和函数引用，逐步赋予变量和函数的实际值。以下是两个典型场景：
函数调用前的函数存储：
f() 的结果会是函数的定义代码中最后一次赋值的值。var 声明变量前的行为：
var 变量时，引擎会返回 undefined。let 和 const？为了减少开发者在代码中出现意外的未定义变量引用，ECMAScript 2015引入了 let 和 const 关键字。它们的主要作用是：
防止未定义变量引用：
let 或 const 声明的变量（在声明前），会抛出 ReferenceError。var 声明不同，后者在未赋值前会返回 undefined。强制块级作用域：
let 和 const 声明的变量具有块级作用域，不能在外部访问。通过以上分析，我们可以得出以下结论：
var、let 和 const 的主要区别在于变量的存储和初始化状态： var：默认值 undefined。let 和 const：未初始化状态 uninitialized，并且在声明前访问会抛出错误。建议开发者尽量使用 let 和 const 关键字，以编写更加规范和安全的代码。
转载地址：http://yxaq.baihongyu.com/