JavaScript中的变量提升（Hoisting）是如何工作的？它对var、let和const有何不同影响？

作者: 图恩分类: 编程开发阅读: 1发布时间： 2025-11-14 15:00:14

回答与解析：

在JavaScript中，变量提升是指在代码执行之前，变量和函数的声明会被“提升”到其作用域的顶部。这意味着无论变量声明出现在何处，都会被视为在作用域的开头进行声明。

但是，var、let 和 const 的提升行为有所不同：

var：
- var 声明的变量会被提升，并且初始化为 undefined。
- 因此，在声明之前访问 var 变量不会报错，但值是 undefined。
```
console.log(a); // 输出: undefined
var a = 5;
```
实际上等价于：
```
var a;
console.log(a); // undefined
a = 5;
```
let 和 const：
- let 和 const 也会被提升，但不会被初始化（即进入“暂时性死区”Temporal Dead Zone, TDZ）。
- 在声明之前访问 let 或 const 变量会抛出 ReferenceError。
```
console.log(b); // 报错：ReferenceError: Cannot access 'b' before initialization
let b = 10;
```
函数提升：
- 函数声明（function declaration）会被完全提升，可以提前调用。
```
foo(); // 正常运行，输出 "Hello"
function foo() {
  console.log("Hello");
}
```
- 而函数表达式（尤其是使用 let/const 定义的）遵循对应变量的提升规则。
```
bar(); // 报错：bar is not a function
const bar = function() {
  console.log("World");
};
```

总结：