{}の関数宣言について混乱しています

var a;
if (true) {
  a = 5;

  function a() {}
  a = 0;
  console.log(a)
}
console.log(a)

上記のコードを見たところ、関数は{}で宣言されています。0 0と表示されると思いますが、0 5と表示されます。

次のことが起こります。

（1）2つの変数宣言が存在しますa。1つはブロック内と1つはブロック外です。

（2）関数宣言が巻き上げられ、内部ブロック変数にバインドされます。

（3）a = 5に到達すると、ブロック変数が上書きされます。

（4）関数宣言に到達し、ブロック変数が外部変数にコピーされます。どちらも現在5です。

（5）a = 0に到達すると、ブロック変数が上書きされます。外部変数はこれによる影響を受けません。

 var a¹;
 if (true) {
   function a²() {} // hoisted
   a² = 5;
   a¹ = a²; // at the location of the declaration, the variable leaves the block      
   a² = 0;
  console.log(a²)
}
console.log(a¹);

これは実際には仕様の一部ではなく、Webレガシー互換性セマンティクスの一部であるため、ブロック内で関数を宣言しないでください。また、このコードがこのように動作することに依存しないでください。

これもここで説明されています