知識文章JavaScript 函式

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 也用兩個變數 p1p2 做承接,並且在函式內將這兩個變數計算完畢後存入 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);

兩種都是使用函式的方式,但若要細細研究,是有不一樣的差別,例如記憶體配置問題,但初學者可以先不討論這個題,先熟悉函式的應用較為重要!

 

此篇在 GitHub 上的範例在 這裡,另外若是對 變數 不熟悉的話可以先參考 此篇

張貼者:吳政賢發佈。
瀏覽人數:32 人