1.JavaScript 錯誤 - throw、try 和 catch

try 語句測試代碼塊的錯誤。

catch 語句處理錯誤。

throw 語句創建自定義錯誤。

1.1 JavaScript 錯誤

當 JavaScript 引擎執行 JavaScript 代碼時，會發生各種錯誤。

可能是語法錯誤，通常是程序員造成的編碼錯誤或錯別字。

可能是拼寫錯誤或語言中缺少的功能（可能由於瀏覽器差異）。

可能是由於來自服務器或用戶的錯誤輸出而導致的錯誤。

當然，也可能是由於許多其他不可預知的因素。

1.2JavaScript 拋出（throw）錯誤

當錯誤發生時，當事情出問題時，JavaScript 引擎通常會停止，並生成一個錯誤消息。

描述這種情況的技術術語是：JavaScript 將拋出一個錯誤。

1.3JavaScript try 和 catch

try 語句允許我們定義在執行時進行錯誤測試的代碼塊。

catch 語句允許我們定義當 try 代碼塊發生錯誤時，所執行的代碼塊。

JavaScript 語句 try 和 catch 是成對出現的。

try {
  //在這裏運行代碼
} catch(err) {
  //在這裏處理錯誤
}

var txt=""; 
function message() 
{ 
    try { 
        adddlert("Welcome guest!"); 
    } catch
 
(err) { 
        txt="本頁有一個錯誤。\n\n"; 
        txt+="錯誤描述：" + err.message + "\n\n"; 
        txt+="點擊確定繼續。\n\n"; 
        alert(txt); 
    } 
}

1.3Throw 語句

throw 語句允許我們創建自定義錯誤。

正確的技術術語是：創建或拋出異常（exception）。

如果把 throw 與 try 和 catch 一起使用，那麽您能夠控制程序流，並生成自定義的錯誤消息。

throw exception

異常可以是 JavaScript 字符串、數字、邏輯值或對象。

本例檢測輸入變量的值。如果值是錯誤的，會拋出一個異常（錯誤）。catch 會捕捉到這個錯誤，並顯示一段自定義的錯誤消息：

function myFunction() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try { 
        if(x == "")  throw "值為空";
        if(isNaN(x)) throw "不是數字";
        x = Number(x);
        if(x < 5)    throw "太小";
        if(x > 10)   throw "太大";
    }
    catch(err) {
        message.innerHTML = "錯誤: " + err;
    }
}

2.JavaScript 調試

2.1JavaScript 調試工具

在程序代碼中尋找錯誤叫做代碼調試。

調試很難，但幸運的是，很多瀏覽器都內置了調試工具。

內置的調試工具可以開始或關閉，嚴重的錯誤信息會發送給用戶。

有了調試工具，我們就可以設置斷點 (代碼停止執行的位置), 且可以在代碼執行時檢測變量。

瀏覽器啟用調試工具一般是按下 F12 鍵，並在調試菜單中選擇 "Console" 。

console.log() 方法

如果瀏覽器支持調試，你可以使用 console.log() 方法在調試窗口上打印 JavaScript 值：

a = 5;
b = 6;
c = a + b;
console.log(c);

2.2設置斷點

在調試窗口中，你可以設置 JavaScript 代碼的斷點。

在每個斷點上，都會停止執行 JavaScript 代碼，以便於我們檢查 JavaScript 變量的值。

在檢查完畢後，可以重新執行代碼（如播放按鈕）。

2.3debugger 關鍵字

debugger 關鍵字用於停止執行 JavaScript，並調用調試函數。

這個關鍵字與在調試工具中設置斷點的效果是一樣的。

如果沒有調試可用，debugger 語句將無法工作。

開啟 debugger ，代碼在第三行前停止執行。

javascript 錯誤與調試