這幾天 ES6 的一些介紹：

• [Day 47] [JavaScript] ES6 - map & forEach
• [Day 48] [JavaScript] ES6 - filter
• [Day 49] [JavaScript] ES6 - reduce
• [Day 50] [JavaScript] ES6 - find、substring ，以及 JSON 裡找資料和過濾字數的小挑戰
  
• [Day 51] [JavaScript] ES6 - Arrow functions (1) : anonymous function

Arrow function

昨天結束的時候的 code 長這樣：

var numbers = [3, 56, 2, 48, 5];

const newNumber = numbers.map(function (x){
  return x * x;
})

console.log(newNumber)

Arrow Function 在這邊可以將 function 去掉，在 (x) 後面加上 =>：

var numbers = [3, 56, 2, 48, 5];



const newNumber = numbers.map( (x) => {
  return x * x;
})

console.log(newNumber)

特別需要注意的是，粗箭頭（fat arrow）是 =>，中間不能有空格，也不能用 -> 取代，如果打錯就會是 systax error。

我們可以再進一步把這段 code 變得更短。

如果只有一個 input 時，可以把 (x) 的括號去掉；如果 return 只有一行 statement，statement 裡面只有一個 expression，也可以把 return 刪除、大括號 {} 也可以刪除。

刪除到最後，我們可以只用一行來表示我們先前的函數內容：

const newNumber = numbers.map( x => x * x)

明天是將這幾天學的 ES6 語法改成 Arrow function 的小挑戰～