JavaScript alert 多參數行為：僅顯示第一個參數，其餘被忽略

現象代碼

function updateBonus(id, bgName, buName) {
    alert(id, bgName, buName); // 僅彈出 id 的值
    alert(bgName);             // 顯示 undefined
}

標準規範

**`window.alert(message)` 僅接受一個字串參數**。

• 多參數調用 `alert(a, b, c)` 等同於 `alert(a)`，**其餘參數被忽略**，不報錯、不拼接。
• MDN 文檔明確：`message` 為 `DOMString`，可選。無「多參數拼接」行為。

為何第一個 `alert` 能顯示值？

因為 `id` 參數確實有值傳入。`alert(id, bgName, buName)` 實際執行 `alert(id)`，所以彈出 `id` 的值。

為何第二個 `alert(bgName)` 顯示 `undefined`？

**調用處傳遞的實參 `bgName` 為 `undefined`**，或函數簽名與調用不匹配 (如漏傳參數)。

// 調用示例
updateBonus(101); // 只傳 1 個參數
// 函數內: id=101, bgName=undefined, buName=undefined

正確調試與顯示多值方法

參數檢查最佳實踐

function updateBonus(id, bgName, buName) {
    // 1. 必填參數驗證
    if (id == null || bgName == null || buName == null) {
        console.error('參數缺失', {id, bgName, buName});
        return; // 或拋出錯誤
    }
    
    // 2. 正確顯示多值
    alert(`將重新生成 BG(${bgName}), BU(${buName}) 績效獎金數據`);
    
    // 3. 後續邏輯...
}

總結

• `alert` **不支援多參數**，僅顯示第一個。
• 多值顯示請用**模板字串**或 `console.log` 物件。
• `undefined` 來源於**調用端未傳遞實參**，而非 `alert` 本身問題。