本文實例講述了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;}