JavaScript 函式

JavaScript 函式

函式是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。JavaScript函式語法,函式就是包裹在花括弧中的代碼塊,前面使用了關鍵字 function: 當調用該函式時,會執行函式內的代碼。可以在某事件發生時直接調用函式(比如當用戶點擊按鈕時),並且可由 JavaScript 在任何位置進行調用。

基本介紹

  • 中文名:JavaScript網頁腳本函式
  • 外文名:JavaScript function
簡介,創建函式的語法,return 語句,變數的生存期,

簡介

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

創建函式的語法

function函式名 (var1, var2, ..., varX) {代碼... }
function函式名 (var1, var2, ..., varX) {代碼... }
var1, var2 等指的是傳入函式的變數或值。{ 和 } 定義了函式的開始和結束。
注意:無參數的函式必須在其函式名後加括弧:
function函式名 ()  { 代碼...  }
function函式名 ()  { 代碼...  }
注意:別忘記 JavaScript 中大小寫字母的重要性。"function" 這個詞必須是小寫的,否則 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 的變數中。

變數的生存期

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

相關詞條

熱門詞條

聯絡我們