這篇文章主要介紹了javascript異常處理實現原理詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

一、什麼是例外處理

當 JavaScript程式在執行中發生了諸如陣列索引越界、型別不匹配或者語法錯誤時，JavaScript直譯器就會引發例外處理。 ECMAScript定義了六種型別的錯誤，除此之外，我們可以使用Error物件和throw語句來建立並引發自定義的例外處理資訊。

通過運用例外處理技術，我們可以實現用結構化的方式來響應錯誤事件的發生，讓例外處理程式碼與正常指令碼程式碼科學分離，最終使我們能夠集中精力編寫完成主要功能的核心程式。

二、使用 try…catch…finally 執行例外處理
在JavaScript中，我們使用try…catch…finally語句來執行例外處理，即通過它來捕捉錯誤發生後導致的例外或者執行throw語句產生的例外。

它的基本語法如下：

try {
  // 此處是可能產生例外的語句
} catch(error) {
  // 此處是負責例外處理的語句
} finally {
  // 此處是出口語句
}

上述程式碼中，try塊中的語句首先被執行。如果執行中發生了錯誤，控制就會轉移到位於catch塊中語句，其中括號中的error引數被作為例外變數傳遞。否則，catch塊的語句被跳過不執行。

無論是發生錯誤時catch塊中的語句執行完畢，或者沒有發生錯誤try塊中的語句執行完畢，最後將執行 finally塊中的語句。

下面我們來看一個例子：

try {
  document.writeln("開始執行try塊語句 ---> ")
  document.writeln("還沒有發生例外 ---> ")
  alert(eval(prompt("輸入一個值：","")))
} catch(err) {
  document.writeln("捕捉到例外，開始執行catch塊語句 --->");
  document.writeln("錯誤名稱: " + err.name+" ---> ");
  document.writeln("錯誤資訊: " + err.message+" ---> ");
} finally {
  document.writeln("開始執行finally塊語句")
}

四、例外的表現形式：Error物件

在JavaScript，例外是作為Error物件出現的。

Error物件有兩個屬性：name屬性表示例外的型別，message屬性表示例外的含義。根據這些屬性的取值，我們可以決定處理例外的方式，比如：

function evalText() {
 try {
  alert(eval(prompt("Enter JavaScript to evaluate:","")))
 } catch(err) {
  if(err.name == "SyntaxError")
    alert("Invalid expression")
  else 
   alert("Cannot evaluate")
 }
}

上面的程式碼將對使用者輸入的內容進行表示式求值，然後顯示出來。如果在求值過程中發生了SyntaxErroe型別錯誤，那麼就會顯示給使用者“Invalid expression”的資訊；否則，使用者得到資訊“Cannot evaluate”。

Error.name的取值一共有六種，如下：

• EvalError：eval()的使用與定義不一致
• RangeError：數值越界
• ReferenceError：非法或不能識別的引用數值
• SyntaxError：發生語法解析錯誤
• TypeError：運算元型別錯誤
• URIError：URI處理函式使用不當

五、定製例外資訊

上述的六種Error型別基本上覆蓋了指令碼程式執行時所可能發生的錯誤。除了這些型別以外，我們還可以使用Error構造器來自定義例外型別。其語法如下：

myError = new Error(msg)

其中msg引數表示所定義的新例外的message屬性值。同時，我們還可以建立新的物件型別以作為Error的子型別：

function MyError(msg) {
  this.name = "MyError"
  this.message = msg
}
MyError.prototype = new Error;

然後，我們就可以建立自定義錯誤子類的例項：

myError = new MyError("My error message")

六、觸發例外

建立一個Error物件後，就可以使用throw語句來觸發相應的例外。Throw的語法如下：

throw errObj

errObj必須是一個Error物件或者Error的子型別。在try塊程式碼中觸發一個例外後，控制將直接轉入catch塊。

下面的程式碼中，在try塊中觸發了一個例外，設定例外資訊為“oops”，然後控制轉移到catch塊：

var s
try {
  s = "one "
  throw new Error("oops")
  s += "two"
} catch(err) {
  s += err.message
}
s += " three"
alert(s)

編寫程式碼來觸發例外的優點很多，比如有利於自定義錯誤型別，快速轉入catch塊執行，以及下面要介紹的在巢狀例外中將錯誤傳遞到外層。

七、巢狀例外處理

JavaScript支援多層次的巢狀例外處理。一般情況下，我們可以在內部例外處理的catch程式碼塊中捕捉並處理錯誤，然後再次觸發例外，這樣就可進一步在外部例外處理的catch程式碼塊中做更加深入的處理。下面來看看一個巢狀例外處理的例子：

var inner;
var outer;
try {
  document.writeln("Beginning outer try block,no exceptions yet");
  try{
   document.writeln("Beginning inner try block,no exceptions yet");
   // 生成一個引用錯誤
   document.writeln(undefinedVariable)
   document.writeln("Finished inner try block with no exceptions");
  } catch(inner) {
   // 內部例外處理
   document.writeln("Exception caught,beginning inner catch block");
   document.writeln("Error type: " + inner.name);
   document.writeln("Error message: " + inner.message);
   throw inner;
   document.writeln("No exceptions thrown in inner catch block");
  } finally {
   document.writeln("Executing inner finally block");
  }
  document.writeln("Finished outer try block with no exceptions");
} catch(outer) {
  // 外部例外處理
  document.writeln("Exception caught,beginning outer catch block");
  document.writeln("Error type: " + outer.name);
  document.writeln("Error message: " + outer.message);
} finally {
  document.writeln("Executing outer finally block");
}

執行後的輸出結果如下：

Beginning outer try block,no exceptions yet
Beginning inner try block,no exceptions yet
Exception caught,beginning inner catch block
Error type: ReferenceError
Error message: undefinedVariable is not defined
Executing inner finally block
Exception caught,beginning outer catch block
Error type: ReferenceError
Error message: undefinedVariable is not defined
Executing outer finally block

巢狀例外處理的好處在於使我們能夠很好地分階段處理錯誤，內部例外處理可以負責解決由錯誤引發的指令碼程式碼問題，外部例外處理則用於負責提供給使用者的反饋資訊或者對例外資訊進行日誌記錄。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。