使用JavaScript函數,必須有2步:
這一節,我們先來看看函數定義是怎樣的。
在JavaScript中,使用函數前,必須用function關鍵字來定義函數。
函數常用方式有2種:
(1)不指定函數名的函數;
(2)指定函數名的函數;
函數,就是語句的集體,即語句塊。
語法:
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();”),看看是否有輸出?
“指定函數名的函數”是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就是形參。我們在調用函數時,與形參對應的數據叫“實參。”其實“形參”和“實參”從名字上面來看就很好理解,所謂的形參就是“形同虛設”而到頭來被其他數據替代掉的參數,實參就是實實在在的數據。
使用形參和實參,需要注意形參和實參是一一對應的。通常,在定義函數時使用了多少形參,那麼在函數調用時也必須給出多少個參數。
一句話:定義函數時的參數叫“形參”,調用函數時的參數叫“實參”。