function 搭配 return 寫法

Posted on In

什麼時候會用到 return 呢？

return用法

🎃 在使用 function 時，使用return這個關鍵字，就會「回傳這個 function 運算完的結果」

🍋 當我賦予「變數的值」 = 「一個 function」，變數「執行完這個 function」後，就會帶出「return回傳的值」

使用return的好處

可以讓我把「一大串複雜的運算」用 function 運算完之後–> 用return回傳「function 運算完的結果」–> 我就可以直接使用「return回傳的結果」來做一些應用，這樣可以讓程式碼更加精簡、更好維護（不需要重複的寫一大堆複雜的運算）

範例

我現在想要計算「漢堡的總價」

JS:

🎃 return total; 代表：回傳total的值

1
2
3
4
5
6
7
8
9
10
// 計算「漢堡的總價」

function getHamPrice(num){
    var hamPrice = 50;
    var total = hamPrice * num;
    return total;
}

var tom = getHamPrice(10);
console.log(tom);
  • var tom = getHamPrice(10); 代表：
    • 我設定 tom 買了 10 個漢堡
    • getHamPrice(10) 就是「10 個漢堡的總價」
  • 用console.log(tom);看看「漢堡的總價」是多少

✅ 在 Console 就顯示 500 （= 50*10）