接着我们来说说代入参数的函式,前面大家都知道 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
是不是觉得有参数的函式也很有趣呢