2018/04/03 - Javascript ES6 Arrow function

Arrow function 1

// ECMAScript 傳統函數定義語法
function(parameter_list) {
    return result;
}

// ES6 新語法，注意中間的箭頭 => ，口語可讀作將左邊的參數交給右邊的程式區塊處理。
(parameter_list) => {
    return result;
}

// 簡寫原則1: 有一個以上的參數時，可以省略表示參數清單的 () 。
(x) => {}
// or
x => {}

(x,y) => {}
// or
x,y => {}

// 簡寫原則1但書: 但沒有參數時，不可省略 () 。
() => {}

// 簡寫原則2: 函數本體只有一行敘述時，可以省略表示函數區塊的 {} 。
//   而且這時自動將該行執行結果作為函數回傳值，不能使用 return 。
x,y => {
    return x+y;
}
// or
x,y => x+y

Reference

1

學習 ECMAScript 6 - 新函數語法 - Arrow function, Rest and Spread parameters, Default value : http://rocksaying.tw/archives/2015/ECMAScript-6-Arrow-functions,-Rest-parameters.html