複製鏈接
請複製以下鏈接發送給好友

JavaScript 函數

鎖定
函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。JavaScript函數語法,函數就是包裹在花括號中的代碼塊,前面使用了關鍵詞 function: 當調用該函數時,會執行函數內的代碼。可以在某事件發生時直接調用函數(比如當用户點擊按鈕時),並且可由 JavaScript 在任何位置進行調用。
中文名
JavaScript網頁腳本函數
外文名
JavaScript
所屬學科
計算機科學

JavaScript 函數簡介

將腳本編寫為函數,就可以避免頁面載入時執行該腳本。 函數包含着一些代碼,這些代碼只能被事件激活,或者在函數被調用時才會執行 [1] 
你可以在頁面中的任何位置調用腳本(如果函數嵌入一個外部的 .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 事件,這樣按鈕被點擊時函數才會執行。

JavaScript 函數創建函數的語法

function函數名 (var1, var2, ..., varX) {代碼... }
function函數名 (var1, var2, ..., varX) {代碼... }
var1, var2 等指的是傳入函數的變量或值。{ 和 } 定義了函數的開始和結束。
注意:無參數的函數必須在其函數名後加括號:
function函數名 ( )  { 代碼...  }
function函數名 ( )  { 代碼...  }
注意:別忘記 JavaScript 中大小寫字母的重要性。"function" 這個詞必須是小寫的,否則 JavaScript 就會出錯。另外需要注意的是,必須使用大小寫完全相同的函數名來調用函數。

JavaScript 函數return語句

return 語句用來規定從函數返回的值。
因此,需要返回某個值的函數必須使用這個 return 語句。
例子
下面的函數會返回兩個數相乘的值(a 和 b):
function prod(a, b) { x = a * breturn x }
function prod(a, b) { x = a * breturn x }
當您調用上面這個函數時,必須傳入兩個參數:
product = prod(2, 3)
product = prod(2, 3)
而從 prod( ) 函數的返回值是 6,這個值會存儲在名為 product 的變量中。

JavaScript 函數變量的生存期

當您在函數內聲明瞭一個變量後,就只能在該函數中訪問該變量。當退出該函數後,這個變量會被撤銷。這種變量稱為本地變量。您可以在不同的函數中使用名稱相同的本地變量,這是因為只有聲明過變量的函數能夠識別其中的每個變量。
如果您在函數之外聲明瞭一個變量,則頁面上的所有函數都可以訪問該變量。這些變量的生存期從聲明它們之後開始,在頁面關閉時結束。
參考資料