JavaScript 大小寫敏感性導致函數調用失敗的常見錯誤分析

問題現象

在 HTML 中定義了一個名為 message() 的 JavaScript 函數，但在按鈕的 onclick 事件中卻調用了 Message()（首字母大寫），導致點擊按鈕無反應。同時代碼中變量聲明 var a b; 缺少逗號分隔，也會引發語法錯誤。

錯誤代碼示例

<input type="text" id="input" />
<input type="button" id="go" onclick="Message()" value="search" />
<script>
function message(){
    var a b; // 缺少逗號
    a="第一個javascript";
    b="學習";
    alert(a+b);
}
</script>

根本原因

1. JavaScript 區分大小寫：message() 與 Message() 是兩個不同的標識符，瀏覽器找不到 Message 函數。
2. 變量聲明語法錯誤：多個變量聲明必須用逗號分隔，正確寫法為 var a, b;。

修正後的代碼

<input type="text" id="input" />
<input type="button" id="go" onclick="message()" value="search" />
<script>
function message(){
    var a, b; // 加上逗號
    a = "第一個javascript";
    b = "學習";
    alert(a + b);
}
</script>

最佳實踐建議

• 統一命名規範，建議採用 camelCase（如 showMessage）。
• 使用 IDE 或編輯器的語法高亮檢查基本語法錯誤。
• 在瀏覽器開發者工具控制台查看報錯信息，快速定位問題。