コールバック関数

Category
Published
Updated

基礎

  • JavaScript では引数に関数を渡すことができる
  • 引数に渡される関数を コールバック関数 と呼ぶ
const hello = () => {
  console.log('hello');
};
const goodbye = () => {
  console.log('goodbye');
};

const call = (callback) => { // ② hello を callback に代入
  callback(); // ③ 関数 callback を呼び出し
};

call(hello); // ① 引数に hello を渡し、関数 call を呼び出す
call(goodbye); // ① 引数に goodbye を渡し、関数 call を呼び出す

引数で関数を定義する

  • 上記は、事前に定義した関数をコールバック関数として渡したが、関数を直接引数の中で定義することもできる
const call = (callback) => {
  callback();
};

call( () => {
  console.log('hello');
});
// hello

引数を渡す

// 普通の関数
const say = (msg) => {
  console.log(msg);
};

say('hello');
// コールバック関数
const say = (callback) => {
  callback('hello');
};

say((msg) => {
  console.log(msg);
});

参考