学習77日目　関数宣言、関数式、アロー関数の違い

こんにちはKATUUUNです。本日のJavascriptの復習を行います。
関数宣言、関数式、アロー関数についてです。

　例

function 関数名(仮引数, 仮引数…) {
  処理;
  処理;
  return 返り値;
}

関数名(実引数, 実引数…);

例

const 定数名 = function(仮引数, 仮引数…) {
  処理;
  処理;
  return 返り値;
}

定数名(実引数, 実引数…);

functionの後ろに関数名がないため、無名関数と呼ばれています。

const 定数名 = 仮引数. => return 返り値;
処理;

例を見たいと思います。
・関数式

const double = function(a) {
  return a * 2;
}
console.log(double(12));

これをアロー関数で表すと、
・functionを外す
・仮引数の後に「=>」をつける
・処理内容がreturnのみならreturnを外せる
・引数が一つの場合、( )を外せる

・アロー関数

const double = a => a*2;
console.log(double(12));

以上です。

KATUUUNs blog