JSのコールバック関数の引数の出どころについて知りたい

Question

###前提・実現したいこと
JSのコールバック関数の引数について知りたい

###発生している問題・エラーメッセージ
JS学習中なのですが、コールバック関数の引数がいきなりソースコード中に現れたように見えて困っています。
これらの引数はいったいどこから来てどこへ行くのでしょうか？

###該当のソースコード

function asyncFunction() {

    // Promiseオブジェクトを返却する.処理成功時にはresolveが呼ばれる
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            // 成功
            resolve('Async Hello world');
        }, 16);
    });
}

asyncFunction().then(function (value) {
    // 非同期処理成功
    console.log(value);    // => 'Async Hello world'
}).catch(function (error) {
    // 非同期処理失敗。呼ばれない
    console.log(error);
});

上記のソースの中で、(resolve, reject)という引数がコールバック関数に対して指定されていますが、これらは一体どこで定義されているのでしょうか。引数というのは処理の実行までに定義されている変数や関数でないと使えないので、undefinedになると思うのですが違うのでしょうか。

.then(function (value)も、非同期処理が成功したら'Async Hello world'がvalueに入るんだろうなとは思うのですが、その理屈もよく分かっていません。

どなたか教えてください＞＜
よろしくお願いいたします。

Answer 1

上記のソースの中で、 (resolve, reject) という引数がコールバック関数に対して指定されていますが、これらは一体どこで定義されているのでしょうか。

引数のカッコ内に書くことが、仮引数の宣言に相当します。

引数というのは処理の実行までに定義されている変数や関数でないと使えない

いえ、関数とその仮引数だけ先に定義して、呼び出す時点で実際の値を与える、という使い方でも問題なく動きます。

そして、コールバックにどんな引数が渡されるかは、メソッドによって決まっています。new Promiseであれば関数2つ（成功時/失敗時に呼ぶべき関数）、.thenであれば成功したresolveに渡した値1つ、といった具合です。

Comments

[bakaemon]

ありがとうございます！
カッコ内で書くだけで宣言したことになるんですね。