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 中，就可以多次宣告它，不用再重新定義。