javascriptの()だらけで何が起きているのか良くわらかなかったのでアロー関数について調べた

• javascriptのコードで()や{}();で埋め尽くされたコードを見ることがあります
  • （ここにいい感じのそういうリアルな例を挿入）
• 何が起きているのか良く分からなかったが、どうやらアロー関数という書き方のせいらしい

// 通常の関数
function add(a,b) {
    return a+b;
}
// アロー関数による定義で下のように書ける
const add = (a,b) => a+b; // 一行の場合はreturuがいらない
 
const add = (a,b) => {
    const sum = a+b;
    return sum;
} // 複数行の場合はreturnがいる
 
// さらによく見る形としては無名関数のような使い方ができる
((a, b) => a+b;)(1,2); // 3
 
// これに複数行の{}が合わさると大分見た目がきもくなる
((a,b) => {
    const sum = a+b;
    return sum;
})(1,2); // 3
 
// 引数0でももちろん使える
(() => {
    console.log("hoge");
    return 1;
})();
 

• こんな感じで()が増えていくんだろうという感じ
• 理解すれば読みやすくなるはず