三个 Javascript 例子中的函数提升为何导致不同的输出？

问题描述

我在学习 Javascript 的函数提升（ hoisting ）时，遇到了三个看似相似但输出不同的例子。根据函数提升的原理，这三个例子的输出应该是相同的，越想越觉得奇怪啊

例子 1

var a = 0; console.log("1 a:", a); if(true){ a = 1; function a() {} a = 5; console.log("2 a:", a); } console.log("3 a:", a); 

经过验证，输出结果为：

1 a: 0 2 a: 5 3 a: 1 

例子 2

var a = 0; console.log("1 a:", a); if(true){ a = 1; a = 5; console.log("2 a:", a); function a() {} } console.log("3 a:", a); 

经过验证，输出结果为：

1 a: 0 2 a: 5 3 a: 5 

例子 3

var a = 0; console.log("1 a:", a); if(true){ function a() {} a = 1; a = 5; console.log("2 a:", a); } console.log("3 a:", a); 

经过验证，输出结果为：

1 a: 0 2 a: 5 3 a: f a() {} 

问题

1. 这几个例子在函数提升方面有何不同？
2. 为什么每个例子的输出都不相同？