美國NASDAQ上市公司
外商IT教育培訓企業

0800-777-100


週一到週五 09:00~21:00 週六到週日 09:00~18:00

熱門課程

JavaScript入門教學#12|使用者定義函式(Functions)


JavaScript 函式

「JavaScript 函式」是由多個 JavaScript 代碼組合成的區塊,被用來執行特定的功能。
使用函式的主要優點如下:

  1. 可重複使用同組代碼:代碼一但被定義後,就可以多次重複使用。
  2. 相同的代碼,配合不同的引數(arguments)就會產生不同的結果。

定義函式

要定義函式,JavaScript 的寫法是使用「function」字眼,後面接上「name(函式名稱)」及一對小括號「()」和大括號「{}」。要執行的代碼,則寫在大括號「{}」中。如下方所示:

function name() {   
  //這裡寫上要執行的代碼
}

例如,今天我們要定義一個函式,取名為「hello」,定義其功能為輸出「Hi,there」。其寫法如下例所示:

function name(hello) {   
  document.write("Hi there");
}

宣告函式

函式經由上述被定義的過程後,就可以「隨傳隨到」。一但當需要執行這個函式前,就不用再一次重新定義它,只要宣告它就好了。宣告函式的寫法為:函式名稱加上小括弧即可。如有需要引數的場合,則把引數寫在小括弧中。承續上一段的例子,今天我們要叫出這個名字為「hello」的函式,寫法如下方所示:

See the Pen JavaScript12-function by Tedutw (@Tedutw) on CodePen.

記得在宣告函式的語句最後方加上分號。

一但函式被定義後,在 JavaScript 中,就可以多次宣告它,不用再重新定義。

上一篇:JavaScript入門教學#11|break與continue
下一篇:JavaScript入門教學#13|函式中的參數(Parameters)
Javascript入門教學#1

如何在網頁中嵌入JavaScript

JavaScript入門教學#2|變數

JavaScript入門教學#2|變數

JavaScript入門教學#3|資料類型

JavaScript入門教學#3|資料類型

JavaScript入門教學#4|數學運算子

JavaScript入門教學#4|數學運算子

JavaScript入門教學#5|賦值運算子

JavaScript入門教學#5|賦值運算子

JavaScript入門教學#6|邏輯運算子

JavaScript入門教學#6|邏輯運算子

JavaScript入門教學#7|if,else,else if條件式

JavaScript入門教學#7|if,else,else if條件式

JavaScript入門教學#8|switch條件判斷式

JavaScript入門教學#8|switch條件判斷式

JavaScript入門教學#9|for迴圈

JavaScript入門教學#9|for迴圈

JavaScript入門教學#10|while、do while迴圈

JavaScript入門教學#10|while、do while迴圈

JavaScript入門教學#11|break與continue

JavaScript入門教學#11|break與continue

JavaScript入門教學#12|使用者定義函式(Functions)

JavaScript入門教學#12|使用者定義函式(Functions)

JavaScript入門教學#13|函式中的參數(Parameters)

JavaScript入門教學#13|函式中的參數(Parameters)

 

選擇城市和中心
貴州省

廣西省

海南省