概述
在JavaScript中，预编译是解释器在代码执行前进行的一系列操作。这一过程主要涉及变量声明和函数声明的提升（hoisting），确保在代码执行期间可以访问未声明的变量。
示例一：变量提升
console.log(a);
var a = 0;
尽管这样的代码看起来会导致错误，实际上JavaScript解释器会输出undefined，而非报错。这是因为变量a的声明被提升到了代码的顶部，但初始化（赋值）保持在原位置。因此，当执行到console.log(a)时，变量a已被声明，但尚未被赋值。
提升的类型
提升分为两种：
- 变量声明提升：将变量声明移动到作用域的顶部，允许在声明之前使用变量。
- 函数声明提升：将函数声明提升到作用域的顶部，使得函数在声明之前即可被调用。
示例二：函数中的提升
function fn(a, b) {console.log(a);c = 0;var c;a = 3;b = 2;function a() {}console.log(b);function b() {}console.log(b);
}
fn(1);
输出结果为：
undefined
2
2
第一个console.log(a)输出undefined，因为虽然a的声明被提升，但其赋值a = 3发生在函数体内，所以在函数体执行前a的值为undefined。第三个console.log(b)输出2，因为尽管有一个同名的函数声明，但由于变量b在函数体内被赋值为2，这个赋值操作覆盖了函数声明。
预编译阶段的底层操作
在函数执行上下文中，预编译包括以下步骤：
- 创建活动对象（AO）。
- 识别形式参数和变量声明，将它们作为AO的属性。
- 将实际参数与形式参数统一。
- 搜索函数体内的函数声明，并将它们添加到AO中。
对于全局执行上下文，步骤如下：
- 创建全局对象（GO）。
- 搜索变量声明，将它们作为GO的属性。
- 搜索函数声明，将它们添加到GO中。
示例三：全局变量的提升
global = 100;
function fn() {console.log(global);global = 200;console.log(global);global = 300;
}
fn();
var global;
输出结果为：
undefined
200
第一个console.log(global)输出undefined，因为在函数体内，变量global的声明被提升，但在赋值之前，它处于暂时死区（Temporal Dead Zone, TDZ），因此无法访问。
总结
通过这些示例，我们可以看到JavaScript预编译机制的重要性。它通过变量提升和函数提升，确保了所有声明的标识符在运行时都可以被访问。理解这一机制对于控制代码执行流程、优化代码流程至关重要。掌握预编译的原理，可以提高程序的可读性和稳定性。需要注意的是，使用let和const声明的变量在逻辑上会被提升，但在赋值之前处于TDZ，因此无法在赋值前访问。
