ES6(ES2015) アロー関数の使い方のサンプル

2024年3月30日

環境
Google Chrome　123.0.6312.86（Official Build） （64 ビット）
Windows 11 Pro 64bit

概要
アロー関数は無名関数の省略形の関数。
従来より簡潔な記述で関数を定義できます。

従来の無名関数

var fn = function (x, y) {
  return x + y;
};

アロー関数

const fn = (x, y) => {
  return x + y;
};

// 単一式の場合はブラケットやreturnを省略できる
const fn = (x, y) => x + y;

// ブラケットやreturnを省略してオブジェクトを返したい場合は`()`で囲む
const fn = (x, y) => ({ sum: x + y });