🌊

コールバック関数とは?なんのためにある?(JavaScript)

2024/05/04に公開

コールバック関数とは?

  • 他の関数の中で実行される関数
  • イベントが発生した際に実行される関数であり、非同期処理やイベントハンドリングに使用
  • 同じコードを再利用し、異なる処理を実行できる
  • コードをより分離してモジュール化できる

使用例

addEventListenerメソッドを使用して、クリックイベントを起こし、そのイベントが起こった時に実行される関数がコールバック関数。

// HTMLでボタンを作成
<button id="myButton">Click me!</button>

// JavaScriptでコールバック関数を使ってイベントを処理
const myButton = document.getElementById('myButton');

function handleClick() {
    console.log('Button clicked!');
}

myButton.addEventListener('click', handleClick);

handleClickという関数がコールバック関数

Discussion