上一課: 第 11 課:函式 Function 入門 | 下一課: 第 13 課:函式通訊與基本運算
第 12 課:參數與回傳值
課程摘要:本課將深入探討函式的「參數(Parameter)」與「回傳值(Return)」,學習如何讓函式更有彈性地處理不同資料並回傳結果。
學習目標
- 理解參數的用途與使用方式。
- 學會讓函式回傳計算結果。
- 能撰寫可重用、有輸入與輸出的函式。
課程大綱
- 參數與引數的差異
- 回傳值(return)的意義
- 多參數與預設值設定
- 回傳多項資料的技巧
核心概念解說
函式可以接收外部資料(參數),並回傳處理結果:
function add(a, b) {
return a + b; // 回傳結果
}
let sum = add(3, 5);
console.log("結果是:", sum); // 8
也可設定「預設參數值」:
function greet(name = "訪客") {
return "哈囉," + name + "!";
}
console.log(greet()); // 哈囉,訪客!
console.log(greet("小美")); // 哈囉,小美!
互動式範例
範例說明:輸入不同數值測試參數與回傳值的效果。
常見錯誤與除錯指南
- 函式沒有
return,預設會回傳undefined。 - 呼叫函式時未傳入足夠參數可能導致計算錯誤。
- 注意「參數」定義與「引數」呼叫的對應順序。
小測驗(附解析)
- 下列函式
function add(a, b){ return a + b; },執行add(2, 5)的結果是?
答案:7 - 若函式沒有寫
return,會回傳什麼?
答案:undefined
複習與下一步
你已了解函式如何接收資料與回傳結果。 下一課將學習 「函式通訊與基本運算」, 學會如何讓多個函式協同運作,形成程式邏輯的基礎骨架。
版本資訊:2025-10-22 新增互動範例與小測驗。
版權/授權:本頁程式碼與素材可用於教學與個人專案(請保留出處)。
