DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript函數使用的基本教程
JavaScript函數使用的基本教程
編輯:JavaScript基礎知識     

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

像任何其他高級編程語言,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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved