JavaScriptにおけるコールバックへの非同期結果の受け渡し

では今度は、非同期操作が完了した後、コンソールには何も出力せずに、 何らかの結果を取得するようにしましょう。例えばAJAXを通じて取得されたかもしれない データの配列であるとします。しかし、AJAXの扱い方をまだ知らないので、 単にこれをシミュレートすることにします:

javascriptfunction make() {
  setTimeout(function() {
    let res = [1, 2, 3, 4, 5]; // 結果の配列
  }, 3000);
}

結果の配列がコールバックのパラメータとして渡されるようにしましょう:

javascriptfunction make(callback) {
  setTimeout(function() {
    let res = [1, 2, 3, 4, 5];
    callback(res); // 結果をパラメータとして渡す
  }, 3000);
}

これで、関数makeの呼び出しにコールバックを渡す際、 その中にパラメータを書くことができます。 このパラメータには非同期操作の結果が入ります:

javascriptmake(function(res) {
  console.log(res); // 私たちの配列
});