LoginSignup
1

More than 1 year has passed since last update.

JavaScript基礎メモその7

Posted at

コールバック関数

引数に渡される関数をコールバック関数と呼ぶ。

// 関数が引数に代入される
const call = (引数名) => {
  //処理
};

//関数を引数に渡す
call(関数名);
const kayakuko = () => {
  // 
};

// 関数kayakukoが代入される
const call = (callback) => {
  // 処理
};

call(kayakuko);
// 関数kayakukoを引数に渡す
const kayakuko = => {
  console.log("kayakuko");
};

// ② kayakukoをcallbackに代入
const call = (callback) => {
  console.log("コールバック関数を呼び出す");
  callback();
// ③ 関数callbackを呼び出す
];

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

結果
コールバック関数を呼び出す
kayakuko

コールバック関数を直接定義する

関数を直接引数の中で定義することもできる。

          // ② 関数をcallbackに代入
const call = (callback) => {
  console.log("コールバック関数を呼び出す");
  callback();
};

call(() => {
  console.log("kayakuko");
});  // ① 引数で関数を定義して関数callを呼び出す

結果
コールバック関数を呼び出す
kayakuko

コールバック関数に引数を渡す

const introduce = (callback) => {
  callback("kayakuko");
};

introduce((name) => {
  console.log(name);
});

結果
kayakuko

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1