文章目錄
函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。
執行個體
-
函數
-
如何調用函數。
-
帶有參數的函數
-
如何向函數傳遞變數,以及如何在函數中使用該變數。
-
帶有參數的函數 2
-
如何向函數傳遞多個變數,以及如何在函數中使用這些變數。
-
傳回值的函數
-
如何從函數傳回值。
-
帶有參數並傳回值的函數
-
如何向函數輸入兩個參數值,並傳回值。
JavaScript 函數
將指令碼編寫為函數,就可以避免頁面載入時執行該指令碼。
函數包含著一些代碼,這些代碼只能被事件啟用,或者在函數被調用時才會執行。
你可以在頁面中的任何位置呼叫指令碼(如果函數嵌入一個外部的 .js 檔案,那麼甚至可以從其他的頁面中調用)。
函數在頁面起始位置定義,即 <head> 部分。
<html><head><script type="text/javascript">function displaymessage(){alert("Hello World!")}</script>
</head><body><form><input type="button" value="Click me!" onclick="displaymessage()
" ></form></body></html>
假如上面的例子中的 alert("Hello world!!") 沒有被寫入函數,那麼當頁面被載入時它就會執行。現在,當使用者擊中按鈕時,指令碼才會執行。我們給按鈕添加了 onClick 事件,這樣按鈕被點擊時函數才會執行。
在 JS 事件這一章,你會學到更多關於 JavaScript 事件的知識。
如何定義函數建立函數的文法:
function 函數名(var1,var2,...,varX) { 代碼... }
var1, var2 等指的是傳入函數的變數或值。{ 和 } 定義了函數的開始和結束。
注意:無參數的函數必須在其函數名後加括弧:
function 函數名() { 代碼... }
注意:別忘記 JavaScript 中大小寫字母的重要性。"function" 這個詞必須是小寫,否則 JavaScript 就會出錯。另外需要注意的是,必須使用大小寫完全相同的函數名來調用函數。
return 語句
return 語句用來規定從函數返回的值。
因此,需要返回某個值的函數必須使用這個 return 語句。
例子
下面的函數會返回兩個數相乘的值(a 和 b):
function prod(a,b){x=a*breturn x}
當您調用上面這個函數時,必須傳入兩個參數:
product=prod(2,3)
而從 prod() 函數的傳回值是 6,這個值會儲存在名為 product 的變數中。