嗨嗨！我是Winnie溫尼～

前言

還記得我們在前面章節學到的函式嗎？其實前面介紹的函式寫法都稱之為「函式陳述式」，而這個章節則要分享「函式表達式」、「箭頭函式」的寫法，一起來看看吧～！

函式陳述式

寫法：

function 函數名稱(參數){
  要執行的動作;
}

例一：

numA(3)//9
function numA(a){
  return a*a
}

例二：

function numA(a){
  return a*a
}
numA(3)//9

你有發現例一跟例二的差別在哪嗎？其實這就是函式陳述式與函式表達是很大的差別之處唷！函式陳述式執行時不需考慮位置的先後順序，反之，函式表達式執行前需要先被宣告，才可被執行。

函式表達式

寫法：

const 變數名稱 = function(參數){
  要執行的動作;
}

例：

const numb = function(b){
  return b*b;
}
numb(3)//9

箭頭函式

寫法：

const 變數名稱 = (參數,...) => {
  要執行的動作;
}

縮寫：使用時機為只能單純回傳值，不可在大括號內宣告變數，且如果只有一個參數還可以在省略小括號，沒有參數或多個參數則不可省略小括號。

const 變數名稱 = (參數)　=> 要回傳的內容;

例：

const numC = (x, y) => {
  return x * y;
};
numC(5, 7); //35
const numD = (x, y) => x * y;
numD(5, 7); //35

參考資料

陳述式 與 表達式
箭頭函式

新手上路，如文章有錯誤或需修正之處，懇請大家多多指教！
那麼，我們明天見囉～