上一課： 第 10 課：物件 Object 入門 ｜ 下一課： 第 12 課：參數與回傳值

第 11 課：函式 Function 入門

課程摘要：本課將帶你進入函式的世界。學習如何將重複的程式邏輯封裝起來，讓你的程式更簡潔、更具重用性。

學習目標

1. 了解函式的概念與用途。
2. 能定義與呼叫函式。
3. 認識函式宣告與函式表達式的差別。

課程大綱

• 函式的基本結構
• 函式呼叫與執行流程
• 函式宣告 vs. 表達式
• 重用邏輯與簡化程式碼

核心概念解說

函式 是用來包裝一段可以重複使用的程式邏輯：

function greet() {
  console.log("哈囉，歡迎學習 JavaScript！");
}

greet(); // 呼叫函式
  

也可以用「函式表達式」的方式定義：

const sayHi = function() {
  console.log("Hi! 我是匿名函式。");
};

sayHi(); // 呼叫函式
  

互動式範例

範例說明：嘗試修改函式內容，或增加不同的輸出。

常見錯誤與除錯指南

• 忘記加小括號 ()，導致函式沒有被執行。
• 函式名稱重複定義會覆蓋前者。
• 函式表達式若未宣告在呼叫前，會出現「未定義」錯誤。

小測驗（附解析）

1. 函式的主要用途是什麼？
   答案： 封裝可重複使用的程式邏輯。
2. function 宣告與 const fn = function() 的差異是？
   答案： 宣告式會被提升（Hoisting），表達式則不會。

複習與下一步

恭喜你學會了函式的基本結構與使用方式！ 下一課將學習 「參數與回傳值」， 學習如何讓函式更有彈性、可互動。