函式陳述式與函式表達式

• 函式陳述式：之前直接定義 function 的方式
  • 會被提升到最上面，所以可以在 function 前使用
• 函式表達式：前面使用變數 (let、const) 再加上 function
  • 變數特性，所以不可在宣告前使用

// 函式陳述式
function num(x) {
    return x+x;
}

// 函式表達式
const num = function(x) {
    return x+x;
}

ES6：箭頭函式(arrow function)

• 使用 => 來省略 function
• {} 內容只有一行 return，可省略 {} 與 return
• 只有一個參數時，可省略 ()
• 若無參數，就一定要有 ()
• 還有一些進階的特性，未來有機會再補充，或是可以參考下面的參考資料

const add = function(a, b) {
    return a + b;
}

// 基本=>
const add = (a, b) => {
    return a + b;
}

// 只有一行 return
const add = (a, b) => a + b

// 只有一個參數時，可省略()
const add = a => a

// 若無參數，就一定要加()
const add = () => { 內容 }

參考資料

MDN 箭頭函式
JavaScript ES6 Arrow Functions 箭頭函數
鐵人賽：箭頭函式 (Arrow functions)
箭頭函式
[筆記] JavaScript ES6 中的箭頭函數（arrow function）及對 this 的影響

次回

預計說明一下陣列的其它用法