這篇文章主要介紹了JavaScript函數(shù)使用的基本教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

函數(shù)是一組可重用的代碼，可以在程序的任何地方被調(diào)用。這消除了一次又一次地寫入相同的代碼的需要。這將幫助程序員編寫模塊化代碼。您可以在一些小且易于管理的功能劃分大程序。

像任何其他高級編程語言，JavaScript支持所有必要寫模塊化的代碼使用函數(shù)的特點。

一定見過這樣 alert() 和write()在前面的章節(jié)功能。我們一次又一次地使用這些功能，但它們已經(jīng)寫在核心JavaScript只有一次。

JavaScript允許我們寫自己的函數(shù)，以及本節(jié)將介紹如何編寫自己的函數(shù)在JavaScript。

函數(shù)定義：

之前我們使用函數(shù)，所以我們需要定義一個函數(shù)。以限定在JavaScript函數(shù)最常用的方法是通過使用function關(guān)鍵字，隨后是唯一的函數(shù)名，參數(shù)列表(可能為空)，并且通過大括號包圍的語句塊。基本語法如下所示：

1. <script type="text/javascript"> 
2. <!-- 
3. function functionname(parameter-list) 
4. { 
5. statements 
6. } 
7. //--> 
8. </script> 

實例 :

一個簡單的函數(shù)，它不帶任何參數(shù)稱為sayHello，在這里定義：

1. <script type="text/javascript"> 
2. <!-- 
3. function sayHello() 
4. { 
5. alert("Hello there"); 
6. } 
7. //--> 
8. </script> 

調(diào)用一個函數(shù)：

在腳本中調(diào)用函數(shù)，需要簡單如下編寫函數(shù)的名稱：

1. <script type="text/javascript"> 
2. <!-- 
3. sayHello(); 
4. //--> 
5. </script> 

函數(shù)參數(shù)：

到現(xiàn)在為止，我們已經(jīng)看到了函數(shù)不帶參數(shù)。但是有一個設(shè)施，以傳遞不同的參數(shù)，而調(diào)用一個函數(shù)。通過這些參數(shù)可以在函數(shù)內(nèi)部捕獲并處理任何可以通過這些參數(shù)來完成。

函數(shù)可以用逗號分隔的多個參數(shù)。

實例:

讓我們做一些修改 sayHello 函數(shù)。這一次，它會使用兩個參數(shù)：

1. <script type="text/javascript"> 
2. <!-- 
3. function sayHello(name, age) 
4. { 
5. alert( name + " is " + age + " years old."); 
6. } 
7. //--> 
8. </script> 

注：我們使用+運算符來連接字符串和數(shù)字都在一起。 JavaScript不介意數(shù)字加上字符串。

現(xiàn)在，我們可以調(diào)用這個函數(shù)如下：

1. <script type="text/javascript"> 
2. <!-- 
3. sayHello('Zara', 7 ); 
4. //--> 
5. </script> 

return 語句:

一個 JavaScript 函數(shù)可以有一個可選的return語句。如果你想從一個函數(shù)返回一個值這是必需的。這條語句應(yīng)該是函數(shù)的最后一條語句。

例如，可以通過傳遞兩個數(shù)字參數(shù)到函數(shù)，那么可以從函數(shù)希望返回在調(diào)用程序乘法值。

例子：

這個函數(shù)有兩個參數(shù)，將其連接在調(diào)用程序返回合成：

1. <script type="text/javascript"> 
2. <!-- 
3. function concatenate(first, last) 
4. { 
5. var full; 
6.  
7. full = first + last; 
8. return full; 
9. } 
10. //--> 
11. </script> 

現(xiàn)在，我們可以調(diào)用這個函數(shù)如下：

1. <script type="text/javascript"> 
2. <!-- 
3. var result; 
4. result = concatenate('Zara', 'Ali'); 
5. alert(result ); 
6. //--> 
7. </script>