iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
自我挑戰組

從新手開始TypeScript系列 第 19

Day19-JavaScript(JS)與TypeScript(TS)的函式(Function) Part1

  • 分享至 

  • xImage
  •  

這兩天要來帶大家看看JavaScript(JS)與TypeScript(TS)的函式(Function)兩者的差異。
今天的部分就來簡單帶過**函式(Function)JavaScript(JS)的函式(Function)**吧,

首先,先從最基本的講起吧。

函式(Function)

大致簡介如下:

函式(Function)用來執行動作,也可以回傳值,
通常函式匯回傳一些經計算或是邏輯判斷後的結果。

函式(Function)可將一到多行程式碼封裝再一起,使用一個名稱做識別。
如此一來可以簡化程式碼,也能拿來重複使用。

另外,函式在JS與TS中實際上是一種物件。

JavaScript(JS)的函式(Function)

函式在JS的分類中有分成兩種函式,具名函式(Named Function)匿名函式(Anonymous Function)
兩種函式在下面分別說明。

具名函式(Named Function)

宣告語法如下,

//宣告函式
function 函式名稱 ( 參數1, 參數2, 參數3...., 參數n){
    //計算 或是 邏輯判斷
}

使用方式如下,

//宣告函式
function sayHi (){
    console.log('Hi') ;
}

//呼叫函式
sayHi() ;  //'Hi'

宣告後的函式名稱就可以來做呼叫使用了。
那這些都是非常非常非常基本的語法與使用方式,
這邊就不在贅述了。

匿名函式(Anonymous Function)

沒有名稱的函式,也稱為Lambda Function,通常應用在事件(Event)或回呼函式(Callback)。

以上面的具名範例寫成匿名函式後,如下,

//宣告函式
let sayHi = function (){
    console.log('Hi') ;
}

//呼叫函式
sayHi() ;  //'Hi'

不同於具名函式,
匿名函式在function後不會再加上函式名稱。

今日結語

今天主要著重在JS上,
講講JS的函式分類及非常基本的使用方式,
那下一篇就會著重在TS上了,
要持續加油。


上一篇
Day18-TypeScript(TS)的類別(Class)繼承(Inheritance)
下一篇
Day20-JavaScript(JS)與TypeScript(TS)的函式(Function) Part2
系列文
從新手開始TypeScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言