编译时的javascript函数和var差异[重复]

Question

var a; 

if (true) {
 a = {a: 2};
 function a() {}
 a.ot = '9'; 
 a = {a: 4};
 console.log('1', a);
}

console.log('2', a);

输出是什么

1 {a: 4}
2 {a: 2, ot: "9"}

谁能告诉我为什么？非常感谢

Answer 1

正如@ASDFGerte 指出的那样，this answer 解释了答案，但让我做一些从您的示例到答案中给出的示例的桥梁工作。

首先，让我们删除if (true)：它只与存在块相关。其次，让我们用纯字符串替换{a: ...}。 a.ot = '9' 行也无关紧要，所以让我们删除它。所以现在我们可以做到以下几点：

var a; 

{
 a = 'before func declaration';
 function a() {} 
 a = 'after func declaration';
 console.log('Inside block:', a);
}

console.log('Outside block:', a);

输出如下：

Inside block: after func declaration
Outside block: before func declaration

此时应该更清楚the example code from this answer 是如何应用的。本质上，就好像代码是这样写的：

var a;

{
 let b = function a() {}
 a = 'before func declaration';
 b;
 b = 'after func declaration';
 console.log('Inside block:', b);
}

console.log('Outside block:', a);