【こーるばっく】
コールバック とは？
最終更新:
💡 このとき呼んで、と渡しておく関数
別の関数やAPIへ渡し、決められたタイミングで呼び出してもらう関数。クリックなどのイベントや非同期処理だけでなく、配列の処理のように同期的に呼ばれる例もある。いつ呼ばれるかは、受け取るAPIの仕様で決まる。
📌 このページのポイント
ひよこ どうして関数を渡すの？
ペンギン先生 呼び出す側が「そのとき何をするか」を指定できるからだよ。ボタンなら「クリックされたら表示を変える」といった関数を登録する。イベントのたびに呼ばれることもあるんだ。
ひよこ 終わるまで待ってから呼ぶもの？
ペンギン先生 ひよこ 関数の名前の後ろに()を付けて渡す？
ひよこ fetchにもコールバックを渡すの？
ペンギン先生 fetchはPromiseを返すAPIだよ。結果を受け取る関数は、そのPromiseのthenに渡せる。fetchの第2引数はリクエストの設定で、コールバックではないんだ。async/awaitで結果を待つ書き方もあるね。
ひよこ コールバック地獄はどうするの？
ペンギン先生 処理を次々と内側へ書くと、順序やエラー処理が読みにくくなることがある。Promiseやasync/awaitは非同期処理を整理する方法になるよ。ただし同期の配列処理やイベントなど、コールバックが役立つ場面も残るんだ。
まとめ：ざっくりこれだけ覚えればOK！
「コールバック」って出てきたら「決まったタイミングで呼んでもらうために渡す関数」と思えばだいたいOK！
📖 おまけ：英語の意味
「Callback」 ＝ 呼び返すこと
💬 折り返し連絡のように、渡した関数を受け取った側が呼ぶイメージ。ただし、非同期で待った後に限らず、同期的に呼ぶコールバックもあるよ。