console.log;说起来，// 输出 undefined
var a;

按照从上到下顺序执行的直觉。这里应该抛出 ReferenceError但实际并非如此，因为在执行之前已经完成了「声明提高」——这正是预编译的主要机制。

预编译概述

预编译分为两类：

• 函数体内的预编译
• 全局预编译

函数的预编译只有在函数被调用时才触发；全局预编译则在脚本加载阶段立即执行。老实说，下面分别阐述它们的具体步骤。

函数体内的预编译

1. 创建一个执行上下文对象，初始为空。
2. 收集形参和变量声明，将它们作为属性名加入 AO。值统一设为 undefined。话说回来，
3. 把实参赋值给对应的形参。
4. 收集函数声明。把函数名作为属性名，函数体作为属性值加入 AO。

痛点示例：同一个标识符既是参数又是变量。还出现了函数声明，会产生怎样的冲突？让我们通过代码一步步拆解。

function fn {
console.log;var a = 123，console.log;话说回来，function a {}
var b = function {};console.log，function c {}
var c = a;console.log，}
fn;// 调用函数

步骤 1：创建 AO 空对象

AO = {};说起来，

步骤 2：收集形参和变量声明

// 参数 a、变量 a、b、c 均以 undefined 初始化
AO = { a: undefined。b: undefined,c: undefined };

步骤 3：实参赋值

步骤 4：收集函数声明并覆盖相应属性

// 函数声明会覆盖已有属性
AO = {
a: function a {}。// 函数 a 覆盖之前的 undefined
b: undefined,c: function c {} // 函数 c 同理
};按理说，

进入执行阶段：

• a 最初指向函数对象。 但随后被 var a = 123; 覆盖为数字 123.
• b=function{},打印出该匿名函数。
• a 被赋给 c 。最终打印出 123 .

全局预编译

1. 创建全局执行上下文对象 GO，初始为空。
2. 收集所有全局变量声明，将变量名作为属性加入 GO。值设为 undefined.

 当全局作用域中出现同名变量与函数时它们之间如何竞争？话说回来，下面演示一次完整的全局预编译过程。

var a;var b = function a {
console.log;var c，var a = b;function c {}
console.log;}，a;console.log，

GO = {};

# 步骤 2：提高全局变量

GO = { a: undefined,b: undefined };

# 步骤 3：提高全局函数声明

GO = {
a: undefined → function a{ /* …*/ },b: undefined
};

至此，全局预编译结束。接下来进入代码执行阶段：

• `a;` 调用了上面提高后的 **function a**，所以不会报错。

全局预编译 与函数体内预编译 的关系

• 执行顺序：先进行全局预 编 编，随后在每次调用时进行对应函 数 的 AO 编码。
• 作用域层级：全 局 是最外层；函 数 的 AO 在调用时形成子层级，仅 当函 数 被调 用 时才生效。
• 优先级规则：内部 的标识符 优先于外部。查找顺序遵循“就近原则”，即小范围找不到才去大范围寻找。大范围永不回头找 小范围。
• 互不冲突：同名变量在不同层级之间不会相互覆盖，只会各自保留在各自作用域中。

痛点：理解这些规则后你就能快速定位因「提高」导致的意外