JS alert()方法偵錯程式碼

在編寫 JavaScript 的過程中，很有可能會出現一些語法錯誤和程式異常，所以在開發過程需要經常偵錯指令碼程式碼（註：隨寫隨偵錯不失為一種好習慣）。在開發程式時碰到程式異常現象，要快速定位並解決程式異常，要求開發人員掌握一些常用的程式碼偵錯方法和偵錯工具。

在 JS 程式碼中，最常用的偵錯方法是 alert() 方法和 console.log() 方法，而常用的偵錯工具則是 IE 瀏覽器的的“開發人員工具”、Firefox 瀏覽器的“Firebug”工具（對較低版本的 Firefox 瀏覽器）或 Firefox 瀏覽器的“開發者>>Web 控制台”（對較高版本的 Firefox 瀏覽器）以及 Chrome 瀏覽器的“開發者工具”。

在 JS 程式中常使用 window 物件的 alert() 方法進行程式碼跟蹤或定位程式錯誤。alert() 方法的作用是生成一個警告對話方塊，對話方塊中顯示的資訊由方法引數設定。alert() 方法可以出現在指令碼程式中的任意位置。alert() 方法通過顯示的變數值來跟蹤程式碼，以及是否能顯示警告對話方塊來定位錯誤。

alert() 基本語法：

方式一：alert(msg);
方式二：window.alert(msg);

alert() 方法是 window 物件的方法，在呼叫時可以通過 window 物件來呼叫，也可以直接呼叫。

引數 msg 的值可以是任意值，當引數為非空物件以外的值時，警告對話方塊中顯示的資訊為引數值；當引數為非空物件時，在警告對話方塊中顯示的是以 [object object] 格式表示的物件，其中第二個“object”會根據具體的物件來變化。例如，如果物件是一個表單輸入框時，在對話方塊中將顯示：[objectHTMLInputElement]。

需要注意的是，不同瀏覽器彈出的警告對話方塊外觀不一樣，比如對“alert("這些是警告對話方塊顯示的資訊")”這條程式碼，在 Chrome 瀏覽器（本教學中範例的瀏覽器的版本主要為：Chrome73）中顯示的警告對話方塊如圖 1 所示，

---