JavaScript变量提升机制解析：为何局部变量导致undefined

JavaScript变量提升机制解析：为何局部变量导致undefined

首先展示以下三段代码示例

 
var firstName = "Mark";
(function DisplayFirstName() {
console.log(firstName);
})();//此处必然输出 Mark
var lastName = "Aut";
(function DisplayLastName() {
var lastName = "Bru";
console.log(lastName);
})();//此处必然输出 Bru，因为本地作用域的优先级高于全局作用域
//那么接下来这段代码的结果是什么呢？
var lastName = "Aut";
(function DisplayLastName() {
console.log(lastName);
var lastName = "Bru";
console.log(lastName);
})();//大家能猜出最终输出结果吗？

该段代码的实际输出结果为：

LOG: undefined

LOG: Bru

这一结果出乎我的意料，原本预期输出应为 "Aut" 和 "Bru"

我之前的理解是：在程序首次输出 lastName 时，由于未找到本地声明的 lastName 变量，因此使用了全局的 lastName 定义；第二次输出时才使用本地变量的值

(基于我的认知，JavaScript 作为解释型语言，是一句一句顺序执行的)

看到这个结果后，看来 JavaScript 的执行过程并非完全是顺序进行的

根据目前的推测，JavaScript 的执行机制可能是先进行语法分析，并在此过程中完成变量表（包含本地和全局变量）的构建

随后才开始按顺序逐行执行脚本代码

恳请各位 JavaScript 专家对此现象进行解答