变量提升、函数提升：细说解析阶段与执行阶段的奇妙关系

2024-02-11 07:10:57

JavaScript 是一门基于原型的、解释型的动态脚本语言。它的代码执行分为两个阶段：解析阶段和执行阶段。在解析阶段，JavaScript 引擎会读取代码，构建抽象语法树 (AST)，并将变量和函数声明提升到其所属作用域的顶部。在执行阶段，JavaScript 引擎会逐行执行代码，并根据提升后的变量和函数声明进行相应的操作。

变量提升

变量提升是指在 JavaScript 中，变量声明会被提升到其所属作用域的顶部。这意味着，即使变量是在代码块中声明的，它也会被提升到代码块外部，并且可以在代码块之前被访问。例如：

function foo() {
  console.log(a); // undefined
  var a = 10;
}

foo(); // 输出: undefined

在这个例子中，变量 a 被提升到了函数 foo 的顶部，因此可以在 a 被赋值之前访问它。然而，由于 a 在声明之前被访问，因此输出结果为 undefined。

函数提升

函数提升是指在 JavaScript 中，函数声明会被提升到其所属作用域的顶部。这意味着，即使函数是在代码块中声明的，它也会被提升到代码块外部，并且可以在代码块之前被调用。例如：

function foo() {
  console.log('Hello, world!');
}

foo(); // 输出: Hello, world!

function foo() {
  console.log('Goodbye, world!');
}

foo(); // 输出: Goodbye, world!