這邊先簡單介紹前面有用到的函式陳述式和函式表達式

• 函式陳述式：特性是放在宣告的 function 前或後都可以執行

function numA(x) {
  return x + x;
}

console(numA(3)); // 結果為 6

• 函式表達式：因為是先宣告變數，裡面才有函式，執行時必須放在宣告的變數之前，才可以執行。

cont numB = function(x) {
  return x + x;
}

console(numA(5); // 結果為 10

箭頭函式表示式

• 原面函式表達式的寫法

const numA = function(x) {
  return x+x;
  }
  
console.log(numA(5); 結果為 10

• 改成箭頭函式的寫法

const numA = (x) => {
  return x+x;
}
console.log(numA(5); // 結果為 10

• 如果是多個參數的情況

const numA = (x, y) => {
  return x+x+y;
}
console.log(numA(3, 6)); // 結果為 12

箭頭函式再縮寫

• 如果只是回傳某個運算結果時，可以將 return 及大括號省格
  範例如下

const numA = x => x+x;
console.log(numA(5); // 結果為 10

• 如果只有一個參數時，可以省略小括號

const numA = (x) => x+x;
console.log(numA(5); // 結果為 10

• 箭頭函式不需要參數時，小括號不可以再省略

const test = () => console.log('安安!');

console.log(test()); //顯示安安

參考資料及學習資源

• 0 陷阱！0 誤解！8 天重新認識 JavaScript！
• JavaScript 指南
• 六角學院 - JavaScript 必修篇 - 前端修練全攻略

本日小節

箭頭函式好像總算有點看懂了！
之前還有種這到底是什麼奇幻的語法，我的天R
每日學習進度一點一滴成長中，歡迎有任何問題傳訊息給我
我們下次見！