变量提升

在 JavaScript 中，变量提升是指在代码执行之前，JavaScript 引擎会将变量和函数的声明提升到当前作用域的顶部。这意味着你可以在声明之前使用这些变量和函数。

具体来说，变量提升分为两个阶段：声明和初始化。

声明阶段：在代码执行之前，JavaScript 引擎会扫描当前作用域内的所有变量和函数声明，并将它们提升到作用域的顶部。这包括使用 var 关键字声明的变量和使用 function 关键字声明的函数。

初始化阶段：在变量提升后，变量会被默认赋予一个特殊的值 undefined。函数则会被赋予函数本身。

下面是一个示例：

console.log(x); // 输出 undefined
var x = 10;

foo(); // 输出 "Hello, World!"
function foo() {
  console.log("Hello, World!");
}

在上面的代码中，变量 x 和函数 foo 的声明都被提升到了作用域的顶部。因此，在变量 x 的声明之前输出它的值会得到 undefined，而在函数 foo 的声明之前调用它会成功执行。

需要注意的是，只有声明会被提升，而不是初始化。所以，如果在变量声明之前访问变量的值，会得到 undefined。如果在函数声明之前调用函数，会成功执行。

为了避免变量提升可能带来的困惑，建议在代码中始终将变量和函数的声明放在使用之前。此外，推荐使用 let 和 const 关键字来声明变量，因为它们具有块级作用域，不会受到变量提升的影响。