function 亦即函式,是 JavaScript 内很常用到的一个计算的方式。
接下来我们来探讨为什么需要函式:
先来模拟一个情境,当我们每次进去便利商店採买东西的时候,店员只要对商品刷个条码,电脑就能知道价格且key个数量,价格就会自己加乘,若每次都要让店员人工的去记住每样商品的价格,且用手动的方式去计算总金额,这样效率一定大打折扣,这个情境大家可以猜到为什么需要函式了吗?
每次进去便利商店採买时,店员一定会做的最后一件事情就是结帐,这动作重複率几乎百分之百,所以 JavaScript 需要函式也是异曲同工之妙,我们把每次重工的程式区块写成一个函式,当我们要用的时候呼叫它即可。
下面来介绍函式的起手式:
function greet(){ alert('你好'); }
function
亦即宣告函式,如果宣告变数时的 var
一样,接下来替函式取个名字记得要搭配小括弧,最后一个要用一个大括弧结尾,里面包覆所要执行的程式区块,结构如下:
function 函式名称(){
程式区块
}
小括弧的部分,里面是可以带所谓的参数的,后面会讲到带参数的函式。
当函式的起手式完成后,我们即可呼叫它,呼叫的方式很简单,如下:greet();
即呼叫函式的名字。
综合上面,若搭配一点变数的应用,即可以写一个简单的函式如下:
<script> function count(){ var cookiePrice = 30; var total = 10 * cookiePrice; console.log(total); } count();</script>
此时在 console 的输出为 300
大家不妨可以试试看