今天就跟大家聊聊有關如何調試JavaScript代碼，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)建站專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、梓潼網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5頁面制作、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為梓潼等各大城市提供網(wǎng)站開發(fā)制作服務。

1 把消息記錄到控制臺

IE8、Firefox、Chrome 和 Safari 中可以使用 console 對象向 JavaScript 控制臺寫入消息，它有這些方法：

• error(message)：錯誤性消息。

• info(message)：信息性消息。

• log(message)：一般性消息。

• warn(message)：警告性消息。

Opera 10.5 之前的版本，是使用 opera.postError() 方法把消息寫入控制臺的。

可以使用下面的這個函數(shù)作為統(tǒng)一寫入控制臺的接口：

/**
 * 跨瀏覽器，向控制臺寫入消息
 * @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);
  }
}

可以在瀏覽器中安全地使用這個函數(shù)：

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;
}

注意：在發(fā)布之前，務必移除所有的消息。這可以在部署之前，通過編寫特定的代碼步驟，實現(xiàn)自動清理。不要使用 alert()，因為彈出的警告框會阻止程序的執(zhí)行；而且在測試異步操作對時間的影響時，使用警告框也會影響測試結果。

2 把消息記錄到當前頁面

可以在頁面中開辟出一小塊區(qū)域，用于顯示消息：

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 以及早期版本中，特別有用。

注意：在發(fā)布之前，也要移除把錯誤消息輸出到頁面中的代碼。

3 拋出錯誤

如果錯誤消息很具體，那么就可以直接把它當做確定錯誤來源的依據(jù)，比如下面的這個函數(shù)：

function divide(num1, num2){
  return num1/num2;
}

這個函數(shù)如果其中的一個參數(shù)不是數(shù)值，那么就會返回 NaN。所以可以在計算前先進行檢測：

function divide(num1, num2){
  if(typeof num1 !="number" || typeof num2 !="number"){
    throw new Error("divide(): 兩個參數(shù)都必須是數(shù)值")
  }
  return num1/num2;
}

這個錯誤消息包含了函數(shù)的名稱以及導致錯誤的真正原因，所以如果拋出了這個錯誤，我們就能立即知道錯誤的來源以及問題的性質。

大型的應用程序，可以使用下面的這個 assert() 函數(shù)拋出自定義錯誤：

<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可以做什么

1.可以使網(wǎng)頁具有交互性，例如響應用戶點擊，給用戶提供更好的體驗。 2.可以處理表單，檢驗用戶的輸入，并提供及時反饋節(jié)省用戶時間。 3.可以根據(jù)用戶的操作，動態(tài)的創(chuàng)建頁面。 4使用JavaScript可以通過設置cookie存儲在瀏覽器上的一些臨時信息。

看完上述內容，你們對如何調試JavaScript代碼有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

文章題目：如何調試JavaScript代碼
分享網(wǎng)址：http://chinadenli.net/article2/ihccoc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站營銷、關鍵詞優(yōu)化、品牌網(wǎng)站設計、定制網(wǎng)站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)