JavaScriptにおけるアロー関数

では次に、関数の構文を簡略化するアロー関数について見ていきましょう。

次のコード例では、最初に通常の関数が書かれており、次に対応するアロー関数が書かれています（両方の関数は同じ処理を行います）：

javascriptlet func1 = function(num1, num2) {
  let result = num1 * num2;
  return result;
}

let func2 = (num1, num2) => {
  let result = num1 * num2;
  return result;
}

関数のコードが1行のみの場合、アロー関数ではreturnと中括弧を書かなくてもよいです：

javascriptlet func1 = function(num1, num2) {
  return num1 * num2
}

let func2 = (num1, num2) => num1 * num2;

アロー関数のパラメータが1つだけの場合、丸括弧を省略できます：

javascriptlet func1 = function(num) {
  return num * num;
}

let func2 = num => num * num

関数にパラメータが全くない場合は、空の丸括弧を書く必要があります：

javascriptlet func1 = function() {
  console.log('!!!');
}

let func2 = () => console.log('!!!')