0%

JS 筆記 - 認識函式 function 與使用

JavaScript Note

到目前為止,發現 JS 的寫法非常直觀,跟 HTML 與 CSS 的思維不太一樣,之前學過一陣子 jQuery,會覺得思維模式有點不同,直觀卻又要很仔細,而且感受到電腦很笨,要一個口令一個動作,這次就要來學習如何告訴電腦我要的指令。


什麼是函式 funciton

簡單來說「函式」指的是將一或多段程式指令包裝起來,可以重複使用,也方便維護。(參考來源)

這邊我覺得有一個有趣的事情,英文 function 有功能的意思,也的確在撰寫的時候好像透過幾段程式指令告訴電腦我要做什麼,所以可能是因為這樣,被翻譯成函式吧!?
因為從小數學很爛,所以看到什麼 “式” 都會特別緊張


函式的寫法

1
2
3
function name(params) {

}

用 function 做宣告,後面自定義一個名稱,加上小括弧(以後可以放參數用),再把要寫入函式的程式碼用一個大括弧包起來


實際來寫一個練習:

1
2
3
4
function number() {
console.log('Tim') //字串要加引號
console.log(323) //數字不用加引號
}

但這樣只是建立好一個函式而已,不會被執行,若要執行函式,要多寫一行程式碼,會如下呈現:

1
2
3
4
5
6
function number() {
console.log('Tim') //字串要加引號
console.log(323) //數字不用加引號
}

number(); //執行函式

函式可以重複執行,如果要重複執行一樣的函式,只要再打上一樣的指令就可了,如下程式碼:

1
2
3
4
5
6
7
function number() {
console.log('Tim') //字串要加引號
console.log(323) //數字不用加引號
}

number(); //執行函式
number(); //重複執行函式

心得

function 函式可以當作設定好的功能,等需要執行的時候再找到做好的功能拿出來使用就可以囉!