2025-04-08 13:23:31

在前端开发中，JavaScript 的运行机制是一个值得深挖的话题。今天就用简单的语言来聊聊它的“预编译”过程，分为四个关键步骤：声明变量与函数、提升变量与函数、创建执行上下文、代码逐行执行。

第一步是声明变量与函数。当代码开始加载时，引擎会优先扫描所有变量（`var`）和函数声明，将它们存储到内存中，但此时它们的值可能为 `undefined` 或默认函数体。这一步就像给舞台搭建好基础框架。💪

第二步是变量与函数的提升。变量被提升后，其名称会被提前注册到当前作用域中，但不会立即赋值；而函数则直接完整地被注册。这就解释了为什么函数可以在声明前调用，而变量却不行。💡

第三步是创建执行上下文。每个函数调用都会生成一个执行上下文，包括变量对象、this 指针以及当前作用域链。简单来说，这是 JavaScript 为每个函数创造的一个独立“小世界”。🌐

最后一步是代码逐行执行。完成以上三步后，代码按照书写顺序一步步被执行，最终输出结果。这也是我们看到程序运行逻辑的地方。🚀

通过理解这四部曲，可以更好地掌控 JavaScript 的运行逻辑，写出更高效的代码！💪✨