iT邦幫忙

0

JavaScript 基礎知識-function(2)

接著我們來說說代入參數的函式,前面大家都知道 function 的起手式,函式命名之後要先用小括弧,而這個小括弧裡面放著的就是參數。

下面舉個情境例子:
當我們去便利商店買東西時,一包餅乾的價格為39元,一瓶水為20元,但每個人進去買的餅乾跟水的數量都不一樣,若我們可以設計一個像收銀機一樣的計算功能,是不是就更有效率?

程式碼如下:

function count(cookieNum,waterNum){
    var cookiePrice = cookieNum * 39;
    var waterPrice =  waterNum * 20;   
    var total = cookiePrice + waterPrice;
    
    console.log(total);
}

這次跟以往不同的是,我們已知的是餅乾跟水的價格,所以我們把各自的數量設成參數(cookieNum,waterNum)代入到函式內
而函式內,則是先計算餅乾的總金額 var cookiePrice = cookieNum * 39;
再計算水的總金額var waterPrice = waterNum * 20;
最後再把兩樣金額相加var total = cookiePrice + waterPrice;
最後再把計算的結果,輸出到 console 內

如此一來,我們呼叫函式時代入各自不一樣的數字(即數量),就可以幫我們把金額算好了
假設小明買了8包餅乾和10瓶水,則呼叫函式時:count(8,10)
在 console 就會輸出總金額 512 了

再假設小花買了5包餅乾和5瓶水,則呼叫函式時:count(5,5)
接著 console 就會輸出 295

是不是覺得有參數的函式也很有趣呢 /images/emoticon/emoticon12.gif


尚未有邦友留言

立即登入留言