iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 5
0
Modern Web

JavaScript 從零開始系列 第 5

JavaScript 從零開始 - Day5- 認識函式 function 與使用

  • 分享至 

  • xImage
  •  

JavaScript Note

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


什麼是函式 funciton

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

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


函式的寫法

function name(params) {
    
}

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


實際來寫一個練習:

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

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

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

number(); //執行函式

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

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

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

心得

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


上一篇
JavaScript 從零開始 - Day4 - 執行環境與執行堆疊
下一篇
JavaScript 從零開始 - Day6- 在函式 function 加入參數
系列文
JavaScript 從零開始40
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言