arrow関数

はじめに

興味本位でreactを学ぼうと思い、Udemyで講座を視聴していた際にjavascriptのやつで
なんやこれとなったのでまとめてみました

arrow関数とは

arrow関数とは、javascriptの構文で通常の関数宣言に比べてシンタックスが簡潔で、function キーワードを使わずに関数を定義できます。

arrow関数の記法

通常の記法

const fn = function(number) {
  return number * 2;
}

console.log(fn(2));

arrow関数

const fnArrow = (number) => {
  return number * 2;
}

console.log(fnArrow(2));

出力される数字はどちらも同じになります。

ルール

• 引数が１つのときは()が省略できる

const fnArrow = number

• 本文が１行で表示できる場合は{},returnが省略できる

const fnArrow = (number) => number * 2;