ES6 重點複習

箭頭函式

• 只有 匿名函式 才能改寫成箭頭函式

const area = function (width, height) {
  return (width * height) / 2
}

//省略了關鍵字 function 參數後面接 =>
const area = (width, height) => { return (width * height) / 2 }

//參數只有一個，參數能省略括號：
const area = length => { return (length * length) / 2 }

//如果回傳值只有一行程式碼，可以省略 { }和 return
const area = length => (length * length) / 2 

//如果沒有參數時，一定要有括號 ( )
const  shape = () => 'This is a square !'

• 箭頭函式和傳統函式中，this 關鍵字所綁定的對象有所不同，
• this 關鍵字-JavaScript 物件導向
  * PJCHENder 筆記：JavaScript ES6 中的箭頭函數及對 this 的影響

ES module & import / export

❓ 請回答下列問題：
引用沒有 export 的 module 檔案會發生什麼事？
default vs named exports 使用方式差別為何？

import、export 是 JavaScript 模組化的管理方法，可以將個別的檔案視為一個獨立的模組匯出，或是拆成更小單位的模組，並在另一個檔案匯入使用。ES6 使用這樣的方式每個檔案更能專注在特定的功能上，同時能避免單一檔案過度龐大。

export - JavaScript | MDN (mozilla.org)
完全解析 JavaScript import、export

陣列 / 物件的解構賦值

展開運算子 (Spread Operator) 與其餘運算子 (Rest Operator)