JavaScript之錯誤處理

阿新 • • 發佈：2019-01-18

除錯JavaScript確實是一件痛苦的事，但現在有很多工具方便除錯工作（比如：Firefox的Firebug），更方便準確的檢視錯誤資訊。然而，最新的ECMAScript添加了導演處理機制，採用了從Java中移植過來的模型。ECMAScritp中一些保留字實現了try……catch……finally結構及throw操作符。好的錯誤處理技術可以讓指令碼的開發、除錯和部署更流暢。
     （一）錯誤和異常
      談論起程式設計中的錯誤時，需要關心兩類主要錯誤：語法錯誤和執行時錯誤。語法錯誤，也稱為解析錯誤，發生在傳統程式語言的編譯時，在JavaScript中發生在解釋時。這些錯誤是由程式碼中的意外字元直接造成的，然後就不能完全編譯/解釋。發生語法錯誤時，就不能繼續執行程式碼。在JavaScript中，只有在同一個執行緒中的程式碼會受語法錯誤的影響。在其他執行緒中的程式碼和其他外部引用的檔案中的程式碼，如果不依賴於包含錯誤的程式碼，則可以繼續執行。
      執行時錯誤，也稱為異常（在編譯期/解釋期後）。此時，問題並不出在程式碼的語法上，而是，嘗試完成的一個操作，在某些情況下是非法的。例如，訪問window物件一個沒有的方法。異常隻影響它們發生的執行緒，其他JavaScript執行緒則可繼續正常的執行。
      （二）錯誤報告

      因為每個瀏覽器都有自己的內建JavaScript解釋程式（包含它自己的錯誤跟蹤機制），所以每種瀏覽器報告錯誤的方式都不同：有些是彈出錯誤資訊，有些是僅把資訊記錄在Javascript控制檯中。
      （三）處理錯誤
JavaScript提供了兩種特別的處理錯誤的方法。BOM包含一個onerror事件處理函式，這在window物件和影象物件上都有，同時ECMAScript定義了另一個從Java中借過來的try……catch……結構來處理異常。
      1、onerror事件處理函式
      onerror事件處理函式是第一個用來協助JavaScript處理錯誤的機制，頁面上出現異常時，
error事件便在window物件上觸發。onerror事件處理函式提供了三種資訊來確定錯誤確切的性質：錯誤資訊——對於給定錯誤，瀏覽器會顯示同樣的資訊；URL——在哪個檔案中發生了錯誤；行號——給定URL中發生錯誤的行號，這三個資訊將作為三個引數傳遞給onerror事件處理函式。
      2、影象載入錯誤

      當一個影象由於某種原因未能成功載入時（例如，檔案不存在），error事件便在這個影象上觸發。如果要通過指令碼來分配事件處理函式，在影象的src特性前，必須等待頁面完全載入。與window物件的onerror事件處理函式不同，image的onerror事件處理函式沒有任何關於額外資訊的引數。
      3、處理語法錯誤
      onerror事件處理函式不僅可以處理異常，它還能處理語法錯誤，也只有它才能處理。
事件處理函式必須是頁面中第一個出現的程式碼，因為如果錯誤出現在設定事件處理函式之前，事件處理函式就沒用了。例如：
       <html>
              <title>錯誤處理例子</title>
              <script type=”text/javascript”>
                     alert(“語法錯誤：”;
                            window.onerror=function(sMessage,sUrl,sLine){
                     alert(“錯誤發生在：\n”+sMessage+”\n檔名：”+sUrl+”\n行號：”+sLine);
                     }
              </script>
              <body onload=”nonExistentFunction()”>
              </body>
</html>
      在JS程式碼中，第一行程式碼（裡面有語法錯誤）在分配onerror事件處理函式之前就出現了，所有瀏覽器直接報告這個錯誤。在錯誤之後的所有程式碼就不再被解釋（因為這個執行緒已經退出了），所有onload事件觸發時呼叫nonExistentFunction()，瀏覽器也報告這個錯誤。      使用onerror事件處理函式的主要問題是：它是BOM的一部分，所以，沒有任何標準能控制它的行為。因此，不同的瀏覽器使用這個事件處理函式處理錯誤的方式明顯的不同。例如，在IE中發生error事件時，正常的程式碼會繼續執行，所有的變數和資料都保留下來，並可通過onerro事件處理函式訪問。然而，在其他瀏覽器中，正常的程式碼執行都會結束，同時，所有的錯誤發生之前的變數和資料都被銷燬。
      4、try……catch語句

       try{
              //執行程式碼
              [break;]
       }catch([exception]){
              //如果一個異常發生並且匹配
              [break;]
       }[finally{
              //無論是否有異常都會執行的程式碼，這個對關閉開啟的連結和釋放資源很有用
       }]
      執行try……catch語句時，解釋程式首先進入try關鍵詞後的程式碼塊，如果產生錯誤，解釋程式立刻跳出try子句中，進入catch子句。與Java不同，ECMAScript標準在try……catch語句中指定只能有一個cathc子句。因為JavaScript是弱型別的語言，沒辦法指明catch子句中異常的特定型別，不管錯誤是什麼型別，都由一個catch子句處理。      1）巢狀的try……catch語句
      在try……catch語句中的catch子句中，也有可能會發生錯誤，此時，就可以使用巢狀的try……catch語句。
      5、Error物件
      那麼catch語句捕獲的到底是什麼呢？類似於JavaScript有個可用於丟擲的基類Exception ，JavaScript有個Erro基類用於丟擲，Error物件有以下特性：name——表示錯誤型別的字串；message——實際的錯誤資訊。Error物件的名稱對應於它的類（因為Error只是一個基類），可以是以下值之一：

類	發生原因
EvalError	錯誤發生在eval()函式中
RangeError	數字的值超出JavaScript可表示的範圍（Number.MIN_VALUE和Number.MAX_VALUE）
ReferenceError	使用了非法的引用
SyntaxError	在eval()函式呼叫中發生了語法錯誤，其他的語法錯誤由瀏覽器報告，無法通過try……catch語句處理
TypeError	變數的型別不是預期所需的
URLError	在encodeURI或者decodeURI函式中發生了錯誤

      6、判斷錯誤型別
      第一種方法使用Error物件的name特性：
       try{
              eval(“a ++ b”)
       }catch(oException){
              if(oException.name == “SyntaxError”){
　              alert(“語法錯誤：”+oException.message);
       }else{
              alert(“異常發生在：” +oException.message);
       }
       }
      第二種方法使用instanceof操作符，並使用不同錯誤的類名,，其必須是if語句中的最後一個條件，因為所有其他的錯誤類都繼承於它。
       try{
              eval(“a ++ b”)
       }catch(oException){
              if(oException instanceof SyntaxError”){
              alert(“語法錯誤：”+oException.message);
       }else{
              alert(“異常發生在：” +oException.message);
       }
       }

      7、丟擲異常
      ECMAScript第三版還引入了throw語句，用於有目的地丟擲異常。語法如下：
      throw error_object;
      error_object可以是字串、數字、布林值或者是實際的物件，也可以丟擲一個Error物件。Error物件的建構函式只有一個引數，錯誤資訊，其他的Error子類也可以使用，如下：      throw “一個異常發生”;
      throw 5210;
      throw true;
      throw new Object();
      throw Error(“型別錯誤”);
      throw new RangeError(“資料超出範圍”);

JavaScript之錯誤處理

JavaScript之錯誤處理

JavaScript之錯誤處理，函式物件

PHP之錯誤處理

JavaScript的錯誤處理

Lighttpd1.4.20源代碼分析筆記狀態機之錯誤處理和連接關閉

golang教程之錯誤處理

JavaScript區域性錯誤處理、全域性錯誤處理及錯誤上報模組設計

小白學python之錯誤處理_學習筆記

SpringBoot——web開發之錯誤處理機制

《程式碼大全》之錯誤處理技術（Error-Handling Techniques）

RxJava之錯誤處理

Linux系統程式設計之錯誤處理：perror,strerror和errno

SpringBoot之錯誤處理機制以及定製錯誤資訊

JavaScript之事件處理（監聽）函式

Kettle使用_1轉換之錯誤處理

javascript中錯誤處理

c之錯誤處理

PHP之錯誤與異常處理

JavaScript（六）：錯誤處理機制

Python學習筆記之面對象與錯誤處理

JavaScript之錯誤處理

相關推薦