各位前端er，你们知道吗？当你写的JS代码被浏览器执行时，其实背后藏着一个"神秘组织"在悄悄搞事情——这就是V8引擎的预编译过程！今天咱们就来扒一扒这个"战前准备"到底在搞什么鬼～
V8引擎的"两步走"战略
V8引擎可不是个急性子，它对待JS代码就像打仗一样讲究：先编译，再执行！
想象一下，你是一个将军，拿到一份作战计划（JS代码）。你会直接冲上去干吗？当然不会！你得先分析计划（编译），搞清楚谁是主攻、谁是助攻、补给在哪里（变量和函数），然后再下令执行。V8引擎也是这么干的～
整个过程就像：
编译全局 → 执行全局 → 编译函数 → 执行函数
这一套组合拳打下来，代码才能跑得又快又稳！
函数体编译：特种兵的"战前特训"
函数就像JS代码里的特种兵，执行特殊任务。但特种兵上岗前也得先特训，函数体的编译过程就是这么个特训：
- 创建作战指挥部：生成函数的执行上下文对象
- 清点装备：找出形参和变量声明，给它们先记个名（值暂时是
undefined） - 分配武器：把实参的值分配给对应的形参
- 选拔指挥官：找到函数声明，让它担任重要职务（函数名作为属性，值为函数体）
举个例子：
function add(a, b) {
var c = 10;
function inner() {}
}
add(1, 2);
编译时，V8会先给a、b、c发个"待命牌"（值为undefined），然后把实参1和2分给a和b，最后让inner函数走马上任～
全局编译：战场的"基础建设"
全局代码的编译就像搭建整个战场，虽然步骤少了点，但同样重要：
- 搭建指挥部：创建全局执行上下文对象
- 标记据点：找出所有变量声明，给它们立个牌子（值为
undefined） - 任命大将：找出所有函数声明，让它们担任要职（函数名作为属性，值为函数体）
这里有个小知识点：函数声明优先级高于变量声明！就像在军队里，将军的命令肯定比小兵的请示管用～
为什么要理解预编译？
理解预编译，能帮你解决很多JS中的"玄学问题"：
- 为什么
console.log(a)在var a = 1前面不会报错？（变量提升） - 为什么函数能在定义前被调用？（函数提升）
- 为什么函数内的变量不会污染全局？（作用域）
这些问题，其实都能在预编译过程中找到答案～
总结
JS预编译就像一场精心策划的战前准备，V8引擎通过编译阶段把代码梳理得明明白白，然后再执行起来就得心应手了。下次当你写JS代码时，不妨想象一下V8引擎正在背后为你的代码做着"战前准备"，是不是觉得代码都变得可爱了一些？
记住：预编译不是JS的缺点，而是它的特色！理解它，能让你写出更高效、更可靠的代码～
（偷偷说一句：本文由V8引擎的"战地记者"独家报道，手动狗头🐶）
