JavaScript入門教學#12|使用者定義函式(Functions)
JavaScript 函式
「JavaScript 函式」是由多個 JavaScript 代碼組合成的區塊,被用來執行特定的功能。
使用函式的主要優點如下:
- 可重複使用同組代碼:代碼一但被定義後,就可以多次重複使用。
- 相同的代碼,配合不同的引數(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 中,就可以多次宣告它,不用再重新定義。

-
網頁前端工程師要可在HTML檔案中寫入JavaScript,或是嵌入外部的.js檔案,來為網頁增加互動元素來為網頁增加,或是進行數據處理等

-
在JavaScript中,前端工程師可以「var」來宣告變數.變數(Variables)可說是用來承裝資料數值的容器.在同一JavaScript程式中,變數的值可改變

-
JavaScript的變數可支援各種資料類型:如數字,字串,陣列等.也不會因不同的數值類型(如整數、數值長短、浮點等)而賦予不同定義

-
JavaScript中的數學運算子作用是對數字進行函式運算,有加減乘除,遞增與遞減運算子

-
JavaScript中的賦值運算子是「=」.第一次接觸程式碼的人可能會以為它是「等於」,其實不是.它實際上意味著把右邊表達式的值賦給左邊的運算數

-
JavaScript中的邏輯運算子,又稱作布林運算字(Booleen Operators),可用來評估表達式,並回傳true或false

-
if條件式讓程式只在條件成立時執行;不成立時就不執行或是執行else敘述

-
有多個條件要測試時,用switch條件判斷取代if else就精簡的多

-
有多個條件要測試時,用switch條件判斷取代if else就精簡的多

-
while迴圈,會在條件成立時重複執行程式

-
break語句用來跳出迴圈;continue語句則只中斷迴圈執行

-
函式是由多個JavaScript代碼組合成的區塊,被用來執行特定的功能

-
JavaScript函式中可導入參數(parameters),讓函式有更多的應用