JS 声明提升：穿越时空的变量

在 JavaScript 的世界里，声明提升（Hoisting）是一个奇妙的特性，它让变量和函数声明在执行之前就已经存在于执行上下文中。这种穿越时空的能力乍一看似乎违背了常理，但却是 JavaScript 语言设计中不可或缺的一部分。

变量声明提升

当 JavaScript 解析器遇到变量声明时，它会将变量提升到当前执行上下文的顶部，即使该声明位于代码块或函数内部。这意味着，无论变量声明的位置，它都可以被代码块或函数中的任何地方访问。

例如，以下代码中，变量 a 和 b 都被提升到了全局作用域：

function test() {
  var a = 1;
  let b = 2;
}

console.log(a); // undefined
console.log(b); // ReferenceError: b is not defined

虽然 a 和 b 都被提升到了全局作用域，但它们的初始化时机却不同。变量 a 是使用 var 声明的，它会在执行上下文创建时就被初始化为 undefined。而变量 b 是使用 let 关键字声明的，它会在代码块执行时才被初始化，因此在代码块执行之前访问 b 会抛出 ReferenceError 错误。

函数声明提升

除了变量声明，函数声明也会被提升到当前执行上下文的顶部。这意味着，函数可以在其声明之前被调用。

例如，以下代码中，函数 test 被提升到了全局作用域，因此可以在其声明之前被调用：

test(); // 调用函数 test

function test() {
  console.log("Hello World!");
}

声明提升的本质

声明提升的本质在于 JavaScript 的执行机制。当 JavaScript 解析器解析代码时，它会首先创建一个执行上下文，然后执行该执行上下文中的代码。在执行代码时，解析器会首先扫描代码，并将变量声明和函数声明提升到当前执行上下文的顶部。这使得变量和函数可以在其声明之前被访问。

声明提升的注意事项

虽然声明提升是一个很强大的特性，但在使用时也需要注意以下几点：

• 声明提升只对变量声明和函数声明有效，对变量赋值和函数表达式无效。
• 声明提升可能会导致意外行为，例如变量在初始化之前就被访问。
• 声明提升可能会与块级作用域产生冲突。

结语

声明提升是 JavaScript 中一个非常重要的特性，它可以帮助我们更灵活地编写代码。但需要注意的是，声明提升可能会导致意外行为，因此在使用时一定要谨慎。