关于JavaScript中打印语句执行时机与函数声明解析顺序的疑问

先来看你的代码示例：

var x = doThis(); // 函数调用、赋值语句
console.log(x); // 打印语句
function doThis(){ // 函数声明
    return "Hello World"; // 返回语句
}

第一个问题：打印语句实际何时执行？是在函数声明解析完成之前还是之后？ #

答案很明确：打印语句会在函数声明解析完成之后执行，甚至在代码进入逐行执行阶段之前，doThis函数的声明就已经被JavaScript引擎处理并“提升”到当前作用域的顶部了。所以当执行到var x = doThis();这一行时，doThis函数已经处于可用状态，调用不会报错，最终console.log(x)会正常输出Hello World。

第二个问题：若打印语句在函数声明解析前执行，在无编译器、代码即时执行的解释型语言中，这一过程是如何实现的？ #

首先要纠正一个常见误解：JavaScript虽然常被归类为“解释型语言”，但现代JS引擎（比如Chrome的V8）并不是纯粹逐行即时执行的——它会先经历一个预解析/预编译阶段，这个阶段会快速扫描当前作用域内的所有函数声明和变量声明，把它们提前“注册”到作用域的顶部。

具体到你的代码，引擎的处理流程是这样的：

• 预解析阶段：扫描整个代码块，发现function doThis()的函数声明后，立刻将这个函数的完整定义注册到当前作用域的最顶部；同时发现var x的变量声明，也将其提升到顶部（但此时x的值是undefined，真正的赋值操作要等到执行阶段才会进行）。
• 执行阶段：从代码的第一行开始逐行执行：
  1. 执行var x = doThis();：此时doThis已经存在，调用后返回"Hello World"并赋值给x；
  2. 执行console.log(x)：输出Hello World；
  3. 走到function doThis(){...}这一行时，由于这个函数已经在预解析阶段被处理过了，所以这一行代码在执行阶段不会做任何额外操作。

哪怕是早期的纯解释型JS环境，引擎也会先对当前作用域做一次快速扫描，收集所有函数声明，确保在执行任何代码之前这些函数都是可用的——这就是函数提升的核心逻辑，它的优先级比变量提升更高，函数声明会被完整地提升到作用域顶部，这也是“先调用后声明”却能正常工作的原因。

内容的提问来源于stack exchange，提问作者Klevin Delimeta