iT邦幫忙

2026 iThome 鐵人賽

DAY 25
0

前篇提到我學了 If / Else 判斷,可以拿來檢查使用者輸入的密碼長度。但如果在登入頁、註冊頁、修改密碼頁都要檢查一次,總不能把同一段 If / Else 程式碼複製貼上好幾次吧?

而 Function(函式) 就是為了解決這個問題——把一段常用的動作「打包」起來並取個名字,之後只要呼叫這個名字就能重複使用!

宣告與呼叫函式

用 JS 寫起來就像這樣:

// 1. 打包函式(宣告)
function checkPassword(password) {
    if (password.length >= 8) {
        console.log("密碼格式正確!");
    } else {
        console.log("提示:密碼長度至少需要 8 個字元!");
    }
}

// 2. 隨時拿出來用(呼叫)
checkPassword("12345678"); // 顯示:密碼格式正確!
checkPassword("abc");      // 顯示:提示:密碼長度至少需要 8 個字元!

可以把 Function 理解成一個「功能按鈕」或「專用工具」:

參數(Inputs):丟進去要處理的資料(例如使用者輸入的密碼)。
執行內容:工具裡面預先寫好的邏輯(例如 If / Else 判斷)。
回傳值(Return):處理完後傳回來的結果。

學會 Function 之後,程式碼一下子乾淨許多,不需要再寫一堆重複的程式碼。

Day 25,搞懂了 Function 的打包與重複使用概念。


上一篇
Day 24|條件判斷:讓程式開始做選擇(If / Else)
系列文
美術生的前端初體驗 : 從畫畫到網頁的30天 共 25 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言