本文實例講述了JavaScript代碼調試方法。分享給大家供大家參考，具體如下：
1 把消息記錄到控制臺
IE8、Firefox、Chrome 和 Safari 中可以使用 console 對象向 JavaScript 控制臺寫入消息，它有這些方法：
Opera 10.5 之前的版本，是使用 opera.postError() 方法把消息寫入控制臺的。
可以使用下面的這個函數作為統一寫入控制臺的接口：
/** * 跨瀏覽器，向控制臺寫入消息 * @param message */function log(message) { if (typeof console == "object") { console.log(message); } else if (typeof opera == "object") { opera.postError(message); } else if (typeof java == "object" && typeof java.lang == "object") { java.lang.System.out.println(message); }}可以在瀏覽器中安全地使用這個函數：
function sum(num1, num2) { log("Entering sum(), arguments are " + num1 + "," + num2); log("Before calculation"); var result = num1 + num2; log("After calculation"); log("Exiting sum()"); return result;} 注意：在發布之前，務必移除所有的消息。這可以在部署之前，通過編寫特定的代碼步驟，實現自動清理。不要使用 alert()，因為彈出的警告框會阻止程序的執行；而且在測試異步操作對時間的影響時，使用警告框也會影響測試結果。
2 把消息記錄到當前頁面
可以在頁面中開辟出一小塊區域，用于顯示消息：
function log(message) { var console = document.getElementById("debuginfo"); if (console == null) { console = document.createElement("div"); console.id = "debuginfo"; console.style.background = "#dedede"; console.style.border = "1px solid silver"; console.style.padding = "5px"; console.style.width = "400px"; console.style.position = "absolute"; console.style.right = "0px"; console.style.top = "0px"; document.body.appendChild(console); } console.innerHTML += "<p>" + message + "</p>";}這種技術在不支持 JavaScript 控制臺的 IE7 以及早期版本中，特別有用。
注意：在發布之前，也要移除把錯誤消息輸出到頁面中的代碼。
3 拋出錯誤
如果錯誤消息很具體，那么就可以直接把它當做確定錯誤來源的依據，比如下面的這個函數：
function divide(num1, num2){ return num1/num2;}這個函數如果其中的一個參數不是數值，那么就會返回 NaN。所以可以在計算前先進行檢測：
function divide(num1, num2){ if(typeof num1 !="number" || typeof num2 !="number"){ throw new Error("divide(): 兩個參數都必須是數值") } return num1/num2;}這個錯誤消息包含了函數的名稱以及導致錯誤的真正原因，所以如果拋出了這個錯誤，我們就能立即知道錯誤的來源以及問題的性質。
大型的應用程序，可以使用下面的這個 assert() 函數拋出自定義錯誤：
<script type="text/javascript"> function assert(condition, message) { if (!condition) { throw new Error(message); } } function divide(num1, num2) { assert(typeof num1 == "number" && typeof num2 == "number", "divide():Both arguments must be numbers."); return num1 / num2; } divide(1,"tt");</script>
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
