推荐答案
变量提升 (Hoisting) 是 JavaScript 中一种将变量和函数声明移动到其作用域顶部的机制，发生在代码执行之前。这意味着，你可以在声明变量或函数之前使用它们，而不会立即报错，尽管其值可能为 undefined。
var声明的变量： 使用var声明的变量会被提升到其作用域的顶部，并初始化为undefined。因此，可以在声明之前访问它，但它的值将是undefined。let和const声明的变量： 使用let和const声明的变量也会被提升到其作用域的顶部，但不会被初始化。这意味着在声明之前访问它们会抛出ReferenceError，这种状态被称为 “暂时性死区”（Temporal Dead Zone，TDZ）。函数声明： 函数声明会被完整提升到其作用域的顶部，因此可以在声明之前调用它们。
函数表达式： 函数表达式只提升变量名，不提升函数体，表现类似于
var声明的变量，在声明前使用时值为undefined。
本题详细解读
什么是变量提升
变量提升 (Hoisting) 是 JavaScript 引擎在代码执行之前对变量和函数声明进行预处理的过程。简单来说，引擎会扫描整个作用域，将声明语句（包括变量声明和函数声明）提升到它们各自作用域的顶部。这个过程是在代码的实际执行之前进行的，所以即使你在代码中声明语句写在了后面，JavaScript 引擎也会先将其处理好。
变量提升是如何发生的
JavaScript 的执行分为两个阶段：编译阶段 和 执行阶段。
- 编译阶段： 引擎会扫描代码，识别所有的变量和函数声明，并为它们在作用域中分配内存空间。在这个阶段，变量会被提升到作用域的顶部，但不会被赋值。
- 执行阶段： 引擎逐行执行代码。当遇到变量时，会从之前分配的内存空间中读取其值。
变量提升发生于编译阶段，这解释了为什么我们可以在声明之前使用变量或函数而不会报错。
var、let 和 const 在提升时的区别
var
提升： 使用
var声明的变量会被提升到其作用域的顶部。初始化： 在提升时，
var声明的变量会被初始化为undefined。示例：
console.log(x); // 输出: undefined var x = 10; console.log(x); // 输出: 10
let 和 const
提升：
let和const声明的变量也会被提升到其作用域的顶部。初始化： 在提升时，
let和const声明的变量不会被初始化。它们会进入 “暂时性死区”（Temporal Dead Zone，TDZ）。TDZ: 暂时性死区是指在变量声明语句之前的区域。在此区域中访问
let或const变量会抛出ReferenceError，因为变量尚未被初始化。示例：
console.log(y); // 抛出 ReferenceError: Cannot access 'y' before initialization let y = 20; console.log(y); // 输出: 20 console.log(z); // 抛出 ReferenceError: Cannot access 'z' before initialization const z = 30; console.log(z); // 输出: 30
函数声明与函数表达式
- 函数声明:
- 整个函数声明会被提升到作用域顶部，包括函数名和函数体。
- 可以在声明之前调用该函数。
foo(); // 输出: "Hello from foo" function foo() { console.log("Hello from foo"); } - 函数表达式:
- 只有变量名会被提升，函数体不会被提升。
- 类似于
var声明的变量，在声明前调用会报错。
-- -------------------- ---- ------- ------ -- ---------- --- -- --- - -------- --- --- - ---------- - ------------------ ---- ------ - ------ -- ---------- ------ ------ ----- ------ -------------- ----- --- - ---------- - ------------------ ---- ------ -- 箭头函数也属于函数表达式，也会遵循相同规则
quz(); // TypeError: Cannot access 'quz' before initialization const quz = () => { console.log("Hello from quz") }
总结
（本题不需要总结）