ES6 的箭頭函式

寫起來甜甜的。

好吃的語法糖

先看原始的 function：

let arr = [1, 2, 3, 4, 5]
console.log(
  arr
  .filter(function(value) {
    return value > 1
  })
  .map(function(value) {
    return value * 2
  })
)  //  [4, 6, 8, 10]

再來看箭頭函式：

let arr = [1, 2, 3, 4, 5]
console.log(
  arr
  .filter(value => value > 1)
  .map(value => value * 2)
)  //  [4, 6, 8, 10]

簡單筆記一些注意事項：

1. 只有一個參數的時候才可以省略 ()，value => value * 2
2. 沒有參數的時候一定要 ()，() => console.log('hi')
3. 只要加上 {} 就一定要自己寫 return 才會有回傳的效果，value => { return value * 2 }
4. this 值跟一般的 function 不一樣