0. 前提

Chap1 JavaScriptの基礎

012 アロー関数(=>)で関数を定義したい

1. アロー関数とは？

// Syntax
(引数) => | 処理内容 |        // 関数を定義する

関数を定義する方法は、function宣言の他にアロー関数というものもあります。アロー関数のメリットはふたつあります。

関数を簡略化して記述可能

JavaScript


// 関数の定義
const calcSum = (a, b, c) => {
  const result = a + b + c;
  return result;
};

JavaScript


// 関数の実行(functionと同じ)
calcSum(1, 2, 3);

JavaScript


// 関数の宣言
const myFunction = (a) => {
  return a + 2;
};

// 関数の宣言 | カッコを省略
const myFunction2 = a => {
  return a + 2;
};

JavaScript


// 関数の宣言
const myFunction3 = (a) => {
  return a + 2;
}

// 関数の宣言 | {}とreturnを省略
const myFunction3 = (a) => a + 2;