JavaScript 函式
在寫程式過程中,如果出現重複要做的事,我們都會覺得是否可以集中幾來處理呢?可以!就是利用函式(function),函式可以將我們要做的功能獨立出來,當要用的時候,呼叫他就可以做到一樣的事情!
以下面的例子是將兩變數作加、減,可以看到 (a + b) * 5 / 2
以及 (d + e) * 5 / 2
分別做了兩次一樣的計算公式,如果說今天老闆想要改計算規則,那你是必要過兩個地方,所以在維護上會比較麻煩一點點!
var a = 1, b = 2; var c = (a + b) * 5 / 2; console.log (c); var d = 50, e = 100; var f = (d + e) * 5 / 2; console.log (f);
所以這個例子就可以使用 “函式” 來修飾,如下的例子,可以藉由名稱叫做 func1 的函式,並且傳入要計算的參數,而函式 func1 也用兩個變數 p1、p2 做承接,並且在函式內將這兩個變數計算完畢後存入 p3,最後將 p3 回傳(return)就可以將值 “吐出”。
function func1 (p1, p2) { var p3 = (p1 + p2) * 5 / 2; return p3; } var a = 1, b = 2; var c = func1 (a, b); console.log (c); var d = 50, e = 100; var f = func1 (d, e); console.log (f);
而在之前提過的變數,其實可以存取的不只是 字串、數字,其實函式也可以存入變數!不過這算進階應用,大家若有興趣就繼續看下去!
如下面例子,承剛剛的例子 func1,我宣告一個變數叫做 func1,並且給予值是一個 函式(function),圖時此函式有兩個變數 p1、p2,內容不變的將計算完後結果 p3 回傳。
var func1 = function (p1, p2) { var p3 = (p1 + p2) * 5 / 2; return p3; };
如此一來 func1 這個變數,他所存的值就是一個函式,可以看下面例子,所以說當要呼叫他時,就跟先前一樣直接使用。
var func1 = function (p1, p2) { var p3 = (p1 + p2) * 5 / 2; return p3; }; var a = 1, b = 2; var c = func1 (a, b); console.log (c); var d = 50, e = 100; var f = func1 (d, e); console.log (f);
兩種都是使用函式的方式,但若要細細研究,是有不一樣的差別,例如記憶體配置問題,但初學者可以先不討論這個題,先熟悉函式的應用較為重要!