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

一、什么是例外處理

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

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

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

它的基本語(yǔ)法如下：

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

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

無(wú)論是發(fā)生錯(cuò)誤時(shí)catch塊中的語(yǔ)句執(zhí)行完畢，或者沒(méi)有發(fā)生錯(cuò)誤try塊中的語(yǔ)句執(zhí)行完畢，最后將執(zhí)行 finally塊中的語(yǔ)句。

下面我們來(lái)看一個(gè)例子：

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

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

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

Error對(duì)象有兩個(gè)屬性：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")
 }
}

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

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

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

五、定制例外信息

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

myError = new Error(msg)

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

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

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

myError = new MyError("My error message")

六、觸發(fā)例外

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

throw errObj

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

下面的代碼中，在try塊中觸發(fā)了一個(gè)例外，設(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)

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

七、嵌套例外處理

JavaScript支持多層次的嵌套例外處理。一般情況下，我們可以在內(nèi)部例外處理的catch代碼塊中捕捉并處理錯(cuò)誤，然后再次觸發(fā)例外，這樣就可進(jìn)一步在外部例外處理的catch代碼塊中做更加深入的處理。下面來(lái)看看一個(gè)嵌套例外處理的例子：

var inner;
var outer;
try {
  document.writeln("Beginning outer try block, no exceptions yet");
  try{
   document.writeln("Beginning inner try block, no exceptions yet");
   // 生成一個(gè)引用錯(cuò)誤
   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

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

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

最新評(píng)論