アロー関数 Java Script

なかなか慣れないと書きづらい、アロー関数の基本的な書き方のまとめ。

例として、通常の関数の書き方は

javascript.js

const sum = function(a, b, c) {
      return a + b + c;
};

これをアロー関数で書くと

javascript.js

const sum = (a, b, c) => {
      return a + b + c;
};

となる。functionを削除して、引数の後にハッシュロケット(=>)をつければ良い。

また、この場合returnが1行なので、次のようにさらに短くすることができる。

javascript.js

const sum = (a, b, c) => a + b + c;

また引数((a, b, c)の部分)が1つの場合は、さらに（）も除くことができる。

javascript.js

const sum = a => a + 2;

このように少し癖があるが、アロー関数を使えば短く関数式を書くことができる。