コールバックの理解

  • はじめに JavaScriptの非同期プログラミングとPromiseについて学びましょう。今回は、「非同期プログラミングの基本」の節の「コールバックの理解」について見ていきましょう。
Gal Normal

コールバックってなに?

Geek Curious

コールバックは、ある関数が完了した後に実行される関数のことだよね?

Gal Happy

そうなの!コールバックは、非同期処理が完了した後に実行される関数のことで、その関数を引数として渡すの!

  • コールバックの理解
Gal Pleased

コールバックを使うことで、非同期処理が完了した後に実行される処理を指定できるの。例えば、タイマー関数 setTimeout() は、指定された時間が経過した後にコールバック関数を実行するよ!こんな感じで!

function myCallback() {
    console.log('3 seconds have passed!');
}

setTimeout(myCallback, 3000);
Geek Happy

なるほど、 setTimeout() 関数で指定した時間が経過したら、コールバック関数が実行されるんだね!

Gal Happy

そうなの!コールバックを使うことで、非同期処理の完了後に実行される処理を簡単に指定できるの!

  • コールバックの利点と欠点
Gal Normal

コールバックは、非同期処理の完了後に実行される処理を指定できるけど、欠点もあるの。複数の非同期処理を順番に実行したい場合、コードがネストされて読みにくくなっちゃうことがあるの。これを コールバック地獄 っていうんだよね。

  • おわりに JavaScriptのコールバックは、非同期処理が完了した後に実行される関数で、非同期処理の完了後の処理を簡単に指定できます。ただし、複数の非同期処理を順番に実行したい場合、コードがネストされて読みにくくなることがあります。これを解決するために、Promiseやasync/awaitなどの機能が提供されています。これからもっと非同期プログラミングを理解していくぞ!😀