実行順について教えてください。

Question

プログラムは上から実行されると思っていましたが、以下のCodeにおいて、
実行順が上からだと考えると、functionを実行する段階では、配列の定義がないので、
エラーが出ると思いましたが、実際は問題なく最大値15が出力されたので、
少し疑問に思いました。　私の勘違いがあれば、ぜひご指摘お願いいたします。

'use strict';

{  
  function maxChi() {
    return Math.max(...array);
  }
  
  const array = [3, 5, 15, 9];
  
  console.log(maxChi());
}
コード

Answer 1

実行順が上からだと考えると、functionを実行する段階では、配列の定義がないので、

エラーが出ると思いましたが、実際は問題なく最大値15が出力されたので、

functionの部分は関数を「定義」しているだけで、その関数を「実行」しているのは

  console.log(maxChi());

ここです。

ここで初めて関数の中身が開始されるので、その時アクセスできるスコープにarrayがあるからエラーになりません。（良いコードだとは思いませんけど。）

---

追記

一応「良いコードだとは思わない」理由を。
エラーにこそなりませんが、これは関数実行前に

  const array = [3, 5, 15, 9];

のような変数arrayを宣言している事が必須になる（関数の呼び出し方に制限がある＝ないとエラーになる）ので、「よくないコード」です。

こんな書き方するぐらいなら、関数宣言時に配列を仮引数で受け取るようにして、関数呼び出し時に引数として渡してやる方が良いです。

Comments

[kinsncn]

ありがとうございました。　まだ勉強中ですので、ご指摘ありがとうございました。

Answer 2

function maxChi(){ の行からの３行は、maxChi関数の定義です。
関数を定義しただけで、関数が実行される訳ではありません。

質問のプログラムで実行されるのは

  const array = [3, 5, 15, 9];

  console.log(maxChi());

の２行で、上から順に実行されます。

まず、arrayが定義されます。

続いてconsole.logの引数となっている　maxChi()が実行されます。

最後にmaxChiの実行結果が、console.logで表示されます。

誤解されているのは、「関数の定義をすると、その関数が実行される」という事だと思います。

Comments

[kinsncn]

ありがとうございました。　定義される段階では、実行ではことをよくわかりました。

Answer 3

function の部分は関数定義文であり（処理が実行されるのではなく関数が定義されるだけ）、その関数が呼び出された際のみ実行されます。
ちなみに以下のように書くと即時実行されます(したがって、この場合はエラーになります)。

(function () {
    return Math.max(...array);
})();

Comments

[kinsncn]

ありがとうございました。　よくわかりました。

Answer 4

変数が定義されてから実行されてるからでは。

Comments

[kinsncn]

ありがとうございました。　よくわかりました。

[m.ts10806]

各所にconsole.log()しかけて追うと良いのでは。