見出し画像

アロー関数

アロー関数を利用することで

関数式を短くすることができます。

'use strict'

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

const total = sum(50, 60, 70) + sum(60, 70, 80);
console.log(total);

↓ アロー関数

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

const total = sum(50, 60, 70) + sum(60, 70, 80);
console.log(total);

無題

短くするまでの流れ

 1.functionを取る

 2.「=>」と矢印記号で、引数とブロックをつなげる

 3.矢印先にreturnしたい値を書く

 4.returnを取る


倍にするアロー関数

'use strict'

const double =function(a){
 return a * 2;
};

const total = double(10);
console.log(total);

↓ アロー関数

const double = a => a * 2;
console.log(double(10));

無題

短くするまでの流れ

 1.functionを取る

 2.「=>」と矢印記号で、引数とブロックをつなげる

 3.矢印先にreturnしたい値を書く

 4.returnを取る

 5.引数が一つの場合は、()を取る

この記事が気に入ったらサポートをしてみませんか?