DIV CSS 佈局教程網

4.2 函數的定義
編輯:JavaScript基礎知識     

使用JavaScript函數,必須有2步:

  • (1)定義函數;
  • (2)調用函數;

這一節,我們先來看看函數定義是怎樣的。

一、JS函數的定義

在JavaScript中,使用函數前,必須用function關鍵字來定義函數。

函數常用方式有2種:

(1)不指定函數名的函數;

(2)指定函數名的函數;

1、不指定函數名的函數

函數,就是語句的集體,即語句塊。

語法:

 
    function(參數1,參數2,….,參數n)
    {
        //函數體語句
    }

說明:

定義函數必須使用function關鍵字。

下面我們先看一個例子,來接觸一下函數是怎樣的一回事。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //定義函數
        var myFunction=function()
        {
            document.write("這是一個沒有函數名的函數!");
        }
        //調用函數
        myFunction();
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

注意,如果我們只定義函數,並沒有調用函數,則函數本身是不會執行的。我們在“在線測試”中把調用函數的代碼去掉(也就是去掉“myFunction();”),看看是否有輸出?

2、指定函數名的函數

“指定函數名的函數”是JavaScript中使用最廣泛的方法,反而“不指定函數名的函數”用得比較少。

語法:

 
    function 函數名(參數1,參數2,….,參數n)
    {
        //函數體語句
        return 表達式;
    }

說明:

定義函數必須使用function關鍵字。

函數名必須是唯一的,盡量通俗易懂,並且跟你定義的代碼有關。

函數可以使用return語句將某個值返回,也可以沒有返回值。

參數是可選的,可以不帶參數,也可以帶多個參數。如果是多個參數的話,參數之間要用英文逗號隔開。

舉例:

在線測試
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //定義函數
        function addNum(a,b)
        {
            var m=a+b;
            return m;
        }
        //調用函數
        var sum=addNum(1,2);
        document.write("相加的結果是:"+sum);
    </script>
</head>
<body>
</body>
</html>

在浏覽器預覽效果如下:

分析:

我們仔細看看上面的代碼,然後給大家講解一下什麼叫“形參”和“實參”。我們在定義函數的時候用到的參數,那就叫“形參”,例如上面的a和b就是形參。我們在調用函數時,與形參對應的數據叫“實參。”其實“形參”和“實參”從名字上面來看就很好理解,所謂的形參就是“形同虛設”而到頭來被其他數據替代掉的參數,實參就是實實在在的數據。

使用形參和實參,需要注意形參和實參是一一對應的。通常,在定義函數時使用了多少形參,那麼在函數調用時也必須給出多少個參數。

一句話:定義函數時的參數叫“形參”,調用函數時的參數叫“實參”。

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