JavaScript的函式

將程式中經常使用或重複的程式碼整理成一個程式區塊及賦予名稱後,我們可以在程式中隨時呼叫使用,這個程式區塊就稱為"函式"。
函式具有的好處:
  1. 函式具有重複使用性,程式可以在任何地方進行呼叫使用,而不必重複撰寫相同的程式碼,提升程式效率。
  2. 可以讓程式更精簡、結構清楚,所以閱讀及維護上會更加輕鬆。
語法格式:
定義函式的語法:
finction 函式名稱( [ 參數1, 參數2, ......, 參數n ] ){
    程式敘述;
    .
    .
    .
    [ return 回傳值; ]
}
呼叫函式的語法:
finction 函式名稱( [ 參數1, 參數2, ......, 參數n ] );

定義函式的注意事項:
  1. 函式的命名規則與變數、常數相同,設定時不可與其他函式或變數名稱相同。
  2. 函式中的參數可以依照需求設定或省略,不是必填。
  3. 函式若有需要可以設定多個參數,參數之間以逗號區隔開。
  4. 函式不須回傳值時,可以省略return指令,函式執行完畢後會返回程式原呼叫處繼續執行。
  5. return指令會停止函式運作,並將設定的回傳值傳回程式原呼叫處並繼續執行原程式。
  6. 回傳值可以是任何型別的資料,如字串、數值等。
  7. 函式可以加入在程式的任何地方。


範例程式:



[輸出結果]

函式的參數

函式的參數帶來的影響:
  1. 沒有設定參數的函式,呼叫時程式會執行函式內已經寫好的程式碼,所以呼叫執行的結果只有一種,沒有彈性。
  2. 函式加入參數,可以讓函式執行時配合不同參數值,而可能產生不同的結果。
函式參數的設定:
  1. 函式的參數即是在函式中代入自訂變數,所以參數的命名及使用與變數相同。
  2. 參數的數目沒有限制,參數間以逗號(,)區隔。
  3. 函式的參數若沒有設定預設值,則在呼叫該函式時就必須給予相同數量、型別的參數,函式才能正常運作。

範例程式:


[輸出結果]

建立新函式test(a,b) **test函數中a、b兩參數無預設值**

範例程式:


[輸出結果]

建立新函式test(a=3,b=7) **test函數中a、b兩參數有預設值**

範例程式:


[輸出結果]

建立新函式test(a,b=7) **test函數中,參數a無預設值,參數b有預設值**

範例程式:


[輸出結果]

建立新函式test(a=3,b) **test函數中,參數b無預設值,參數a有預設值**

函式的回傳值

通常我們會將會重複使用的功能寫成函式,在有需要時呼叫即可使用。另外,再加上參數的設計,可以使函數的使用更有彈性。但如果我們需要函式處理後的結果,可利用return指令將結果回傳即可。


範例程式:


[輸出結果]



=====輸入要轉換的攝氏溫度後=====