JavaScript 初學者教學：什麼是回傳值( return value)？

更新日期： 2025 年 7 月 4 日

在撰寫 JavaScript 程式時，你一定會遇到「函式」（function）。

函式不只是執行某些動作，更多時候它會計算出一個結果，把結果交還給程式的其他部分使用。

這個被交還的結果就叫做 回傳值（return value）。

回傳值讓我們可以把函式的運算結果靈活應用在程式中的其他地方，是撰寫有效率程式的重要基礎。

本篇文章會用簡單語言和實例幫助你理解回傳值的概念。

回傳值是什麼？

當函式執行完成後，如果產生一個值並交給程式的其他地方使用，這個值就叫做 回傳值。

回傳值可以被接住，繼續參與運算、儲存、或傳給其他函式。

在 JavaScript 裡，只要程式碼能產生值，它就是一種 表達式。

函式回傳值本身就是值，因此它可以直接用在其他運算中。

回傳值的用途非常廣泛，你可以：

• 把它存進變數
• 拿來做運算
• 傳給其他函式

💡 生活情境比喻

你可以把函式想像成一家果汁店，你下單請它幫你榨一杯柳橙汁（這是你呼叫函式）。

當果汁店做好柳橙汁後，它會把果汁交給你（這就是回傳值）。

你拿到果汁後，可以選擇：

• 直接喝掉（類似直接拿回傳值去用）
• 倒進保溫瓶帶走（類似存進變數）
• 加點蜂蜜再攪拌（類似用回傳值再做進一步運算）
• 分給朋友一起喝（類似把回傳值傳給其他函式）

範例：Math.min 回傳值參與運算

console.log(Math.min(2, 4) + 100);
// → 102

程式的執行流程：
1️⃣ Math.min(2, 4) 回傳 2
2️⃣ 程式將 2 拿去與 100 相加
3️⃣ 最終結果 102 傳給 console.log 顯示在畫面上

這個例子展示了回傳值如何直接成為運算式的一部分。

範例：Math.max 回傳值

console.log(Math.max(2, 4));
// → 4

在這裡，Math.max(2, 4) 會回傳 4，因為 4 是 2 和 4 中的最大值。回傳值 4 被傳給 console.log，所以畫面上顯示出 4。

回傳值與副作用的差異

程式中的函式不只有回傳值，有些函式會直接影響程式的外部狀態，這種情況稱為 副作用（side effect）。

例如：

• 在畫面上顯示訊息
• 寫入檔案
• 改變全域變數

這些行為會讓程式的外部世界發生改變。

但像 Math.max 和 Math.min 這類函式，它們只單純回傳一個值，不會改變外部狀態，因此沒有副作用。

結語

回傳值是函式最基本也最重要的特性之一。

透過回傳值，我們可以讓函式的運算結果被靈活運用在程式的不同地方，寫出更清晰、更強大的程式邏輯。

下次當你呼叫函式時，不妨想想看：這個函式有回傳值嗎？我要如何使用這個值？