【JavaScript】関数宣言では順番は問題なく、関数リテラルでは順番によって問題が生じるのはなぜですか？

Question

###疑問
関数宣言「fuga」を、関数リテラル「hoge」にする場合の質問です。

「fuga」でやっている『fuga2の実行後にfuga2を定義する』という順番は、特に問題ないですよね。

しかし「hoge」をこの順番で書くとconst未宣言エラーになるのはどうしてですか？

➀「hoge」でやっている『hoge2の実行後にhoge2を定義する』という順番は、「fuga」と同様なのになぜできないのか理由がわかりません。

➁それにconstはそのかっこ内であれば参照できる、という理解なので、const未宣言エラーになる理由がわかりません。

以上２点の疑問を解消したいです。
宜しくお願い致します。

###関数宣言「fuga」

console.log( 'fuga1を実行', fuga1('world') );

function fuga1( str ){
  let p = '<p>helo</p>'
  p += fuga2(str);
  return p;
}

function fuga2( str ){
  return '<p>'+str+'</p>';
}

###関数リテラル「hoge」

console.log( 'hoge1を実行', hoge1('world') );

function hoge1( type ){

  let p = '<p>helo</p>'
  
  /* hoge2はここで宣言しないといけない */

  p += hoge2(type);

  const hoge2 = function( str ) { /* ここで宣言するエラー */
    return '<p>'+str+'</p>';
  };
  
  return p;

}

Comments

[m.ts10806]

>const未宣言エラー
エラーは原則、ブラウザなどに表示された内容をコピペしてください。

Answer 1

以下のページに違いが記載されております。
https://qiita.com/hms_yana/items/e2938bd311589065bfd7
関数リテラルは関数リテラルを呼び出す前に定義しておく必要がある。

Function文

function文はプログラムの最初に宣言されたものとみなされる。ホイスティング（巻き上げ）というらしい。

関数リテラル

関数リテラルは、ホイスティングされず実行コンテキスト中に動的に定義される。

Comments

[murati]

わかりやすかったです。ありがとうございました。