技術ブログ

(技術系中心)基本自分用備忘録なので、あくまで参考程度でお願いします。

匿名関数とコールバック関数について

匿名関数について

関数は値として利用することが可能です。

function isTweetable(text) {
  return text.length < 140;
};

関数式に書き換え(関数を変数式に入れ込んだもの)
const isTweetable = function(test) {
  return text.length < 140;
};

こんな感じで利用できる。
console.log(isTweetable("foo"));

コールバック関数について

構文

// 引数にコールバック関数を渡す
function 高階関数(コールバック関数) {
  コールバック関数(); 
}

■ 普通の書き方

function bring(food) {
  if(条件1) {
   処理 1
  }
}

function peer(food) {
  if(条件2) {
   処理 2
  }
}

function cut(food) {
  if(条件3) {
   処理 3
  }
}

高階関数利用する場合


function washed(fn) {
  if (条件) {
    fn(); // コールバック関数の処理
  }
}


function bring(food) {
   処理 1
}

function peer(food) {
   処理 2
}

function cut(food) {
   処理 3
}

washed(bring);

参考

https://www.youtube.com/watch?v=B624WCMhLfA