函式宣告

如果讀者有寫過程式，想必大家對於函式都不陌生。

除非你把邏輯都寫在 main() 啦，那就另當別論了 XDDD

函式 (function) 是執行特定工作的敘述集合，它的主要功能如下:

將程式碼中的重複邏輯抽取出來，使程式碼更簡潔。

原始程式碼:

let a = 1 + 3;
let b = a + 2;
let c =  a + b;
let d = c + 1;

使用函式後:

sum(para1, para2){
    return para1 + para2;
}
let a = sum(1,3); // 1 + 3 = 4
let b = sum(a,2); // 4 + 2 = 6

在瞭解函式的定義以及用途以後，我們一起來學習如何宣告函式吧!

簡潔作法

function sum(para1, para2){
    return para1 + para2;
}
sum(1,2); //3

懶人包: 定義完就執行的函式。

一般情況下，函式被定義後還需要被呼叫才會執行。不過，在 JavaScript 中有個特別的存在可以允許函式被定義後就立即執行。

下面範例為一般的函式，定義後需要呼叫才會將結果回傳。

function sum(para1, para2){
    return para1 + para2;
}
let result = sum(1,2); //3

而 IIFE 比較特別，並不需要呼叫:

let result = function sum(para1, para2){
    return para1 + para2;
}(1,2)

如果今天筆者不打算使用變數存放函式的結果，而是希望利用 IIFE 去做程式碼的初始化設定，可以這麼做:

(funtion init(){
   console.log("Init!") 
})()

或是利用 void 達到同樣的目的:

void funtion init(){
   console.log("Init!") 
}()

記住，當函式被宣告為立即函式後，便無法利用一般的方式呼叫它:

init()

錯誤代碼:

Uncaught ReferenceError: init is not defined