JavaScriptの変数のスコープについて

Question

発生している問題・エラーメッセージ

素人質問で申し訳ないです。

下記のコードのrecalc(16~23行)に引数を与えなくても、goal(14行)の値を取得して29行目の実行の際にcountdown関数で現在時刻とgoaLとの差分を計算できるのはなぜですか。

17行目のgoalは仮引数と考えると動かないのでは？という考えです。

該当のソースコード

function countdown(due) {
        const now = new Date();

        const rest = due.getTime() - now.getTime();
        const sec = Math.floor(rest/1000)%60;
        const min = Math.floor(rest/1000/60)%60;
        const hour = Math.floor(rest/1000/60/60)%24;
        const day = Math.floor(rest/1000/60/60/24);
        const count = [day,hour,min,sec];

        return count;
    }
    
    let goal = new Date(2025,4,3);

function recalc() {
        const counter = countdown(goal);
        document.getElementById('day').textContent = counter[0]
        document.getElementById('hour').textContent = counter[1]
        document.getElementById('min').textContent = String(counter[2]).padStart(2,'0');
        document.getElementById('sec').textContent = String(counter[3]).padStart(2,'0');
        refresh();
    }

function refresh() {
        setTimeout(recalc,1000);
    }

 recalc();

Answer 1

関数の内部で宣言されてない変数は、関数の外側の変数です。
つまり17行目のgoalは、14行目で宣言されている変数です。

17行目のgoalは仮引数と考えると動かないのでは？という考えです。

仮引数というのは、1行目のdueのように関数定義の括弧内で宣言された変数のことです。
17行目で呼び出されたcountdown関数内で仮引数dueを参照すると、17行目の実引数であるgoalの値を参照します。

Answer 2

17行目のgoalは仮引数と考えると動かないのでは？

仮引数ではありません。14行目のgoalの値を実引数として渡しているだけです。

Comments

[kazato]

そうなんですね。関数に実引数を渡すということに馴染みがなかったのでわかりませんでした。
わざわざrecalcの中身を関数化する必要があるのは、settimeoutメソッドの第一引数がコールバック関数だからという解釈で正しいですか？