1. 程式人生 > 實用技巧 >JavaScript 16 錯誤處理

JavaScript 16 錯誤處理

JavaScript提供了一種try catch的錯誤處理機制,當有錯誤丟擲的時候,可以catch住。

示例1:

呼叫不存在的函式

在本例中故意呼叫不存在的函式f2, 因為函式f2不存在,所以會出錯,並且會中斷執行。 導致後面的程式碼也不會執行了。

<script>
document.write("試圖呼叫不存在的函式f2()就會報錯,並且導致javascript中止執行,後面的程式碼也不會執行了");
 
function f1(){
  //函式f1是存在的
}
f2();  //呼叫不存在的函式f2();
document.write("剩下的程式碼");
</script>

示例2:

try catch

對f2()呼叫進行try catch的處理。 捕捉到了該方法未定義的錯誤。並打印出來。
後續的程式碼,也就可以繼續執行了。

<script>
 
function f1(){
  //函式f1是存在的
}
try{
   document.write("試圖呼叫不存在的函式f2()<br>");
    f2();  //呼叫不存在的函式f2();
}
catch(err){
   document.write("捕捉到錯誤產生:");
    document.write(err.message);
}
 
document.write(
"<p>因為錯誤被捕捉了,所以後續的程式碼能夠繼續執行</p>"); </script>