🐙

arrow関数

2024/02/04に公開

はじめに

興味本位で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));

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

ルール

  • 引数が1つのときは()が省略できる
const fnArrow = number
  • 本文が1行で表示できる場合は{},returnが省略できる
const fnArrow = (number) => number * 2;

Discussion