iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 10
0
自我挑戰組

JavaScript基礎介紹 for 30天系列 第 10

第十天 JavaScript 函式

  • 分享至 

  • xImage
  •  

基本概念

JavaScript 最核心的概念也是容易被誤用的部分,就是 function 了,我們來談談 function 的部分。

函式也是物件的一種,不過當我們用 typeOf() 去檢查的時候,會得到 function 的結果,不過你就把它想像成一種特殊物件就可以了。而一個函式包含了三個部分:

  • 函式的名子。
  • 在括號 () 裡面的 “參數”。
  • 在大括號 {} 裡面需要重複執行的內容。
function plus(x , y) {
  return x + y
}

plus(1 , 2) // 3

呼叫函式的話,會使用函式的名子(就像人家喊你名子一樣)後面的括號會帶上參數(你想要給的東西),然後會在大括號區塊裡面加上一個 return 把計算出來的值丟出來,如果沒有使用 return 得話,就會是undefined。

定義函式

常見的方法,如下:

  • 函式宣告
  • 函式運算式
  • 透過 new Function 建立函式
  1. 函式宣告
function 名子 (參數) {
  // 執行的程式碼
}
  1. 函式運算式

將函式指定給某個變數

var plus = function(number){
  return number + number
}

注意:後面那個是匿名函式

  1. new Function 建立函式

直接使用 new 關鍵字,要注意的是後面的函式名子開頭一定要是大寫!

var plus = new Function ("num" , "return num + num")

以上三種都可以建立函式,不過最後最後一種的方法來說,因為每次運行都會解析字串,所以效能會比較差!
今天就介紹到這邊囉~ 明天見


上一篇
第九天 JavaScript 迴圈
下一篇
第十一天 JavaScript 到底是傳值還是傳址(上)
系列文
JavaScript基礎介紹 for 30天24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言