前面有讲到 function 是把重複使用到的程式码给独立出来,当我们要使用时呼叫即可。
前面範例大多运用在计算居多,但要如何去回传最终的计算结果呢?
假设我们今天去买汉堡,想要计算汉堡的总价格,若不使用的 function 的情况下,範例如下:
var hamburgerPrice = 10;// 每个汉堡的价格为10元var tom = hamburgerPrice * 35;// 假设 tom 买了35个
在不使用 function 的情况下,每次计算总价格时,都要透过变数乘以数量,假设今天的计算变多变複杂,那需要宣告的变数变多之外,也格外损耗记忆体,另外每次计算时,程式码也变得格外冗长。
那如果使用 function 搭配 return 回传计算结果的话,範例如下:
function getHamburger(Num){ var hamburgerPrice = 10; var total = hamburgerPrice * Num; return total;}var tom = getHamburger(35);// 回传 350var jerry = getHamburger(40);// 回传 400
上述的程式码,除了计算的方式都写在 function 内,最后还有一行 return total;
是回传函式内的变数 total 的值,而变数 total 是计算的总结果。
所以当我们要计算总价格时,仅需要针对呼叫函式且带进去参数即可。
function 适时的搭配 return 的使用,会大大提升效率,不妨参考看看