アロー関数とは

JavaScriptで出てくるアロー関数についてまとめてみました。

関数の宣言

JavaScriptでは、関数を変数や定数に代入することができます。

const getTriangle = function(base,height){
 return base * height / 2;
};
console.log('三角形は' + getTriangle(5,2));//三角形は5

このとき、この書いた関数をアロー関数で省略した形で書くことができます。

const getTriangle = (base, height) => {
　 return base * height / 2;
};
console.log('三角形は' + getTriangle(5,2));//三角形は5

このように、

(引数) => {関数本体}

で書くことができるのをアロー関数といいます。

アロー関数の書き方のバリエーション

アロー関数は、状況によって他にも書き方のバリエーションがあります。

引数が1つの場合

引数が1つの場合、引数の () を省略して書くことができます。

しかし、引数がないときは () を省略することなく、

const helloPrint = () => {
  print('カッコの省略はだめ')
}

のように書きます。

関数本体が1行の場合

関数本体を囲む {} をつけずに書くという別の方法があります。

(param1, param2, …, paramN) => { statements } 
(param1, param2, …, paramN) => expression
// 上記の式は、次の式と同等です: => { return expression; }

（ここは省略形と認識していましたが、省略ではなく別の書き方であるという指摘をいただきました。ありがとうございます！）

これでアロー関数の説明は終了です。

また一つ学びました。