函式是一組可重用的程式碼，可以在程式的任何地方被呼叫。這消除了一次又一次地寫入相同的程式碼的需要。這將幫助程式員編寫模組化程式碼。您可以在一些小且易於管理的功能劃分大程式。

像任何其他高階程式設計語言，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>

高階概念的函式：

有很多東西需要學習JavaScript函式。已經把下面這個教學中的一些重要概念。建議了解學習它們至少一次。

• JavaScript 內巢狀函式

• JavaScript Function( ) 構造

• JavaScript 函式疊代