iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
自我挑戰組

初心者解任務啦!JS 的 30 道任務系列 第 9

[ Day 9 ] - 函式

函式

一個函式內會包裝一段執行的動作,可以被重複的使用

如何宣告函式

宣告函式時,需要使用 function 關鍵字,並且給函式一個名稱,再接著一組括號,寫法如下:

function sayHi(){
    console.log("Hi~");
}

函式呼叫

在前一步宣告完成後,必須要有呼叫函式的動作,函式內的指令才會被執行,寫法如下:

sayHi();

帶入參數的函式

宣告函數時,在括號內定義參數名稱,在呼叫函數時帶入參數,寫法如下:

function printNum(num){
    console.log(num);
}
printNum(1);
printNum(3);

從函式取得回傳值

在函式內的變數,只會存在於函式的大括號中,執行完成後即消失,必須透過 return 將結果回傳。

寫法如下:

function creditNum(mathNum, musicNum){
    let total = mathNum + musicNum;
    return total;
}
let totalCredit = creditNum(1, 3);
console.log(totalCredit); // 結果為 4

參考資料

  • 0 陷阱!0 誤解!8 天重新認識 JavaScript!
  • JavaScript 指南
  • 六角學院 - JavaScript 必修篇 - 前端修練全攻略

本日小節

這次函式的觀念再次加強,一起學習吧!
這是我的學習紀錄,歡迎各路大神指點指教,我們下次見 ~


上一篇
[ Day 8 ] - 迴圈
下一篇
[ Day 10 ] - 傳值與傳址
系列文
初心者解任務啦!JS 的 30 道任務30

尚未有邦友留言

立即登入留言