函數是一組可重複使用的程式碼,可以在程式的任何地方被呼叫。這消除了一次又一次地寫入相同的程式碼的需要。這將幫助程式設計師編寫模組化程式碼。您可以在一些小且易於管理的功能中劃分大程式。
像任何其他高階程式語言,JavaScript支援所有必要寫入模組化的程式碼使用函數的特點。
一定看過這樣 alert() 和write()在前面的章節功能。我們一次又一次地使用這些功能,但它們已經寫在核心JavaScript只有一次。
JavaScript允許我們寫自己的函數,以及本節將介紹如何寫自己的函數在JavaScript。
函數定義:
之前我們使用函數,所以我們需要定義一個函數。以限定在JavaScript函數最常用的方法是透過使用function關鍵字,接著是唯一的函數名,參數列表(可能為空),並且透過大括號包圍的語句區塊。基本語法如下:
<script type="text/javascript"> <!-- function functionname(parameter-list) { statements } //--> </script>
實例 :
一個簡單的函數,它不帶任何參數稱為sayHello,在這裡定義:
<script type="text/javascript"> <!-- function sayHello() { alert("Hello there"); } //--> </script>
呼叫一個函數:
在腳本中呼叫函數,需要簡單如下編寫函數的名稱:
<script type="text/javascript"> <!-- sayHello(); //--> </script>
函數參數:
到現在為止,我們已經看到函數不帶參數了。但是有一個設施,以傳遞不同的參數,而呼叫一個函數。透過這些參數可以在函數內部捕獲並處理任何可以透過這些參數來完成。
函數可以用逗號分隔的多個參數。
實例:
讓我們做一些修改 sayHello 函式。這次,它會使用兩個參數:
<script type="text/javascript"> <!-- function sayHello(name, age) { alert( name + " is " + age + " years old."); } //--> </script>
註:我們使用 運算子來連接字串和數字都在一起。 JavaScript不介意數字加上字串。
現在,我們可以呼叫這個函數如下:
<script type="text/javascript"> <!-- sayHello('Zara', 7 ); //--> </script>
return 語句:
一個 JavaScript 函數可以有一個可選的return語句。如果你想從一個函數傳回一個值這是必需的。這句語句應該是函數的最後一條語句。
例如,可以透過傳遞兩個數字參數到函數,那麼可以從函數希望傳回在呼叫程式乘法值。
例:
這個函數有兩個參數,將其連接在呼叫程式回傳合成:
<script type="text/javascript"> <!-- function concatenate(first, last) { var full; full = first + last; return full; } //--> </script>
現在,我們可以呼叫這個函數如下:
<script type="text/javascript"> <!-- var result; result = concatenate('Zara', 'Ali'); alert(result ); //--> </script>