Javascriptの関数式、アロー関数の基本まとめ

Javascriptの関数式、アロー関数の基本をまとめておきます。

Javascriptでは、一般的な関数の他、関数式、アロー関数があります。

以下の４つの関数は同じ答えを返します。

//一般的な関数
function total1(a, b,c){
  return a+b+c;
}

//関数式
const total2 = function(a, b,c){
  return a+b+c;
};

//アロー関数
const total3 = (a, b,c) => {
  return a+b+c;
};

//アロー関数(1行)
const total4 = (a, b,c) => a+b+c;

//コンソールに出力
console.log(total1(1,2,3));
console.log(total2(1,2,3));
console.log(total3(1,2,3));
console.log(total4(1,2,3));
 

 

これを実行するとブラウザのコンソールに以下のように出力されます。

 

[ad#ad-1]

 - HTML/JavaScript