前篇提到我學了 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 的打包與重複使用概念。