iT邦幫忙

2021 iThome 鐵人賽

DAY 11
0
自我挑戰組

追憶JS年華系列 第 11

Day-11 函式入門

  • 分享至 

  • xImage
  •  

如前文所述,在JavaScript中,除了基本型別一切都是物件。而函式(function)也不例外。

函式是一種將一段/多段程式碼/指令包起來,且能重複被使用的結構。使用前,必須先進行命名與宣告,取一個好名字,可以賦予程式碼意義,更易使用與維護。

函式的結構

以下是一個典型的函式結構

function a( ) { }

這個宣告中,就包括了:

  • 函式名稱:此處為a。
  • 參數:小括號 ( ) 內的值,複數參數間以逗號, 分隔。
  • 重複執行的內容:大括號 { } 內的內容,函式主功能區塊。

下面是一個簡單示範。判斷年齡是否大於/等於16以上:

function isAdult(age) {
  return (age >= 16)
}

console.log (isAdult(15)); //結果為false
console.log (isAdult(16)); //結果為true
console.log (isAdult(17)); //結果為true

函式的定義

使用函式前,要將之定義。方式有三:

  • 函式宣告(Function declaration)
  • 函式運算式(Function expression)
  • 建立新函式(new Function)

所謂函式宣告,即是宣告一個函式名稱、參數 ( ) 以及要作的事情 { } 。前述的年齡判斷函式,就是一例。

第二種方式,是將既有的變數「指定給函式」。此即函式運算式,如:

let b = function a( ) { }

此外,若a()內只有一個參數,可省略a 成為匿名函式
另外,還能寫成另一種箭頭函式(Arrow function expressions)

let b = a( ) => { }

第三種方式,即以new + Function建立函式物件。在實務上,筆者一次也沒用過,效能也較差。不推薦。

函式的使用(例題)

介紹再多不如一次實做。以下以溫度「攝氏轉華氏」為例,演示函式的使用法:

function c2f(t) {
   let f = t * (9 / 5) + 32  // 也可以省略 f ,直接回傳t * (9 / 5) + 32
   return f
}

console.log(`85度 C = ${c2f(85)}度 F`)

上一篇
Day-10 迴圈
下一篇
Day-12 函式與變數
系列文
追憶JS年華30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言