OKADA LABO

Javascript ES2015 アロー関数の書き方のパターン

こういうことは時々、あれ?ってなるからメモがてら残しておく。

//通常の関数
function hoge1() {
  console.log("hoge1");
}
hoge1();

const hoge2 = () => {
  console.log("hoge2");
};
hoge2();

const hoge3 = (val) => {
  console.log(val);
};
hoge3("passed value");

//引数が1つなら 引き数() 省略可
const hoge4 = val => {
  console.log(val);
};
hoge4("passed value2");


//引数複数
const hoge5 = (val1, val2) => {
  console.log(val1, val2);
};
hoge5("arg1", "arg2");

//return
const hoge6 = () => {
  return "returned value";
};
console.log(hoge6());
//出力 returned value

//こう書いてもよい
const hoge7 = () => "returned value2";
console.log(hoge7());

//さらにこう
const hoge8 = () => console.log("console");
hoge8();