這兩天要來帶大家看看JavaScript(JS)與TypeScript(TS)的函式(Function)兩者的差異。
今天的部分就來簡單帶過**函式(Function)與JavaScript(JS)的函式(Function)**吧,
首先,先從最基本的講起吧。
大致簡介如下:
函式(Function)用來執行動作,也可以回傳值,
通常函式匯回傳一些經計算或是邏輯判斷後的結果。
函式(Function)可將一到多行程式碼封裝再一起,使用一個名稱做識別。
如此一來可以簡化程式碼,也能拿來重複使用。
另外,函式在JS與TS中實際上是一種物件。
函式在JS的分類中有分成兩種函式,具名函式(Named Function)
及匿名函式(Anonymous Function)
。
兩種函式在下面分別說明。
宣告語法如下,
//宣告函式
function 函式名稱 ( 參數1, 參數2, 參數3...., 參數n){
//計算 或是 邏輯判斷
}
使用方式如下,
//宣告函式
function sayHi (){
console.log('Hi') ;
}
//呼叫函式
sayHi() ; //'Hi'
宣告後的函式名稱就可以來做呼叫使用了。
那這些都是非常非常非常基本的語法與使用方式,
這邊就不在贅述了。
沒有名稱的函式,也稱為Lambda Function,通常應用在事件(Event)或回呼函式(Callback)。
以上面的具名範例寫成匿名函式後,如下,
//宣告函式
let sayHi = function (){
console.log('Hi') ;
}
//呼叫函式
sayHi() ; //'Hi'
不同於具名函式,
匿名函式在function後不會再加上函式名稱。
今天主要著重在JS上,
講講JS的函式分類及非常基本的使用方式,
那下一篇就會著重在TS上了,
要持續加油。