【Javascript】アロー関数使い方

従来の関数

function func1(val) {
  return val1 + val2;
};

console.log(func1(1,2)); # 3

• 変数に代入後、実行させることもできる

const func1 = function (val1, val2) {
  return val1 + val2;
};

console.log(func1(1,2)); # 3

アロー関数

const func1 = (val1, val2) => {
  return val1 + val2;
};

console.log(func1(1,2)); # 3

• 引数が1つの場合、括弧を省略できる

const func1 = val => {
  return val;
};

console.log(func1(3)); # 3

• 返却処理が1行の場合、returnを省略する事もできる

const func1 = (val1, val2) => val1 + val2;

console.log(func1(1,2)); # 3

• 返却処理が２行の場合

const func1 = (val1, val2) => (
  {
    name: val1,
    age: val2
  }
);

obj1 = func1("taro", 14); # {name: 'taro', age: 14}

参考

https://www.amazon.co.jp/%E3%83%A2%E3%83%80%E3%83%B3JavaScript%E3%81%AE%E5%9F%BA%E6%9C%AC%E3%81%8B%E3%82%89%E5%A7%8B%E3%82%81%E3%82%8B-React%E5%AE%9F%E8%B7%B5%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E6%9C%80%E6%96%B0ReactHooks%E5%AF%BE%E5%BF%9C-Informatics-IDEA/dp/481561072X