iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
1
自我挑戰組

語法改革!零基礎新手也能讀懂的JS!系列 第 8

Day08 語法改革!零基礎新手也能讀懂的JS - 函式(function)

  • 分享至 

  • xImage
  •  

函式

函式其實也算是物件的一種,可以想像成是一種可以被呼叫的物件。
函式很方便,可以被重複利用,而且可以將很多程式碼包裝起來!

函式通常有三個元素組合而成

  1. 函式名稱(但也可以沒有名稱,這種叫做匿名函式)
  2. 參數由一個小括號()包住,如果有多個參數需要使用,分開
  3. 最後由一個大括號{}將你想重複使用的程式碼放進去裡面
function 函式名稱(參數1,參數2) {
  //程式碼
}

如果沒有呼叫函式,函式是不會動的,所以可以在函式後方加一個小括號()表示呼叫像是 count(2,3)

舉例:

function count(x,y) {
  return x + y
}
count(2,3) // 印出 5

return就是這個函式的回傳值,把最後結果回傳給這個函式!

定義函式

接下來就來看看平常是怎麼無中生有出一個函式來的XD,大致上分三種,最後一種實務上較少用到,可以學習一二種即可。

函式宣告

像是剛開始介紹使用函式的方式一樣

function 函式名稱(參數1,參數2) {
  //程式碼
}

函式運算式

透過指定成變數名稱的方式將函式指定給某一個變數

var ck = function 函式名稱(參數1,參數2) {
  //程式碼
}

當然也可以不給名字,這種就稱為匿名函式!

var ck = function (參數1,參數2) {
  //程式碼
}

透過new Function 來建立

這種實務上比較少用,而且效率較差每一次都要進行解析,所以我本人也幾乎沒用過xdd

var ck = new Function('x, y','return x + y')

今天對函式的介紹大概到這邊,大家明天見!


上一篇
Day07 語法改革!零基礎新手也能讀懂的JS - 流程判斷、迴圈
下一篇
Day09 語法改革!零基礎新手也能讀懂的JS - 變數作用域
系列文
語法改革!零基礎新手也能讀懂的JS!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言