🐙
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));
出力される数字はどちらも同じになります。
ルール
- 引数が1つのときは()が省略できる
const fnArrow = number
- 本文が1行で表示できる場合は{},returnが省略できる
const fnArrow = (number) => number * 2;
Discussion