這篇文章主要介紹了javascript異常處理實(shí)現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

一、什么是例外處理

當(dāng) JavaScript程序在運(yùn)行中發(fā)生了諸如數(shù)組索引越界、類型不匹配或者語法錯誤時，JavaScript解釋器就會引發(fā)例外處理。 ECMAScript定義了六種類型的錯誤，除此之外，我們可以使用Error對象和throw語句來創(chuàng)建并引發(fā)自定義的例外處理信息。

通過運(yùn)用例外處理技術(shù)，我們可以實(shí)現(xiàn)用結(jié)構(gòu)化的方式來響應(yīng)錯誤事件的發(fā)生，讓例外處理代碼與正常腳本代碼科學(xué)分離，最終使我們能夠集中精力編寫完成主要功能的核心程序。

二、使用 try…catch…finally 執(zhí)行例外處理
在JavaScript中，我們使用try…catch…finally語句來執(zhí)行例外處理，即通過它來捕捉錯誤發(fā)生后導(dǎo)致的例外或者執(zhí)行throw語句產(chǎn)生的例外。

它的基本語法如下：

try {
  // 此處是可能產(chǎn)生例外的語句
} catch(error) {
  // 此處是負(fù)責(zé)例外處理的語句
} finally {
  // 此處是出口語句
}

上述代碼中，try塊中的語句首先被執(zhí)行。如果運(yùn)行中發(fā)生了錯誤，控制就會轉(zhuǎn)移到位于catch塊中語句，其中括號中的error參數(shù)被作為例外變量傳遞。否則，catch塊的語句被跳過不執(zhí)行。

無論是發(fā)生錯誤時catch塊中的語句執(zhí)行完畢，或者沒有發(fā)生錯誤try塊中的語句執(zhí)行完畢，最后將執(zhí)行 finally塊中的語句。

下面我們來看一個例子：

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

四、例外的表現(xiàn)形式：Error對象

在JavaScript，例外是作為Error對象出現(xiàn)的。

Error對象有兩個屬性：name屬性表示例外的類型，message屬性表示例外的含義。根據(jù)這些屬性的取值，我們可以決定處理例外的方式，比如：

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

上面的代碼將對用戶輸入的內(nèi)容進(jìn)行表達(dá)式求值，然后顯示出來。如果在求值過程中發(fā)生了SyntaxErroe類型錯誤，那么就會顯示給用戶“Invalid expression”的信息；否則，用戶得到信息“Cannot evaluate”。

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

• EvalError：eval()的使用與定義不一致
• RangeError：數(shù)值越界
• ReferenceError：非法或不能識別的引用數(shù)值
• SyntaxError：發(fā)生語法解析錯誤
• TypeError：操作數(shù)類型錯誤
• URIError：URI處理函數(shù)使用不當(dāng)

五、定制例外信息

上述的六種Error類型基本上覆蓋了腳本程序運(yùn)行時所可能發(fā)生的錯誤。除了這些類型以外，我們還可以使用Error構(gòu)造器來自定義例外類型。其語法如下：

myError = new Error(msg)

其中msg參數(shù)表示所定義的新例外的message屬性值。同時，我們還可以創(chuàng)建新的對象類型以作為Error的子類型：

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

然后，我們就可以創(chuàng)建自定義錯誤子類的實(shí)例：

myError = new MyError("My error message")

六、觸發(fā)例外

創(chuàng)建一個Error對象后，就可以使用throw語句來觸發(fā)相應(yīng)的例外。Throw的語法如下：

throw errObj

errObj必須是一個Error對象或者Error的子類型。在try塊代碼中觸發(fā)一個例外后，控制將直接轉(zhuǎn)入catch塊。

下面的代碼中，在try塊中觸發(fā)了一個例外，設(shè)置例外信息為“oops”，然后控制轉(zhuǎn)移到catch塊：

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

編寫代碼來觸發(fā)例外的優(yōu)點(diǎn)很多，比如有利于自定義錯誤類型，快速轉(zhuǎn)入catch塊執(zhí)行，以及下面要介紹的在嵌套例外中將錯誤傳遞到外層。

七、嵌套例外處理

JavaScript支持多層次的嵌套例外處理。一般情況下，我們可以在內(nèi)部例外處理的catch代碼塊中捕捉并處理錯誤，然后再次觸發(fā)例外，這樣就可進(jìn)一步在外部例外處理的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) {
   // 內(nèi)部例外處理
   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");
}

執(zhí)行后的輸出結(jié)果如下：

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

嵌套例外處理的好處在于使我們能夠很好地分階段處理錯誤，內(nèi)部例外處理可以負(fù)責(zé)解決由錯誤引發(fā)的腳本代碼問題，外部例外處理則用于負(fù)責(zé)提供給用戶的反饋信息或者對例外信息進(jìn)行日志記錄。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評論