JavaScript中的異常處理怎么實(shí)現(xiàn)

這篇“JavaScript中的異常處理怎么實(shí)現(xiàn)”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“JavaScript中的異常處理怎么實(shí)現(xiàn)”文章吧。

一、什么是例外處理

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

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

二、使用 try…catch…finally 執(zhí)行例外處理

在JavaScript中，我們使用try…catch…finally語(yǔ)句來執(zhí)行例外處理，即通過它來捕捉錯(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ǔ)句被跳過不執(zhí)行。

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

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

try {
   document.writeln("開始執(zhí)行try塊語(yǔ)句 ---> ")
   document.writeln("還沒有發(fā)生例外 ---> ")
   alert(eval(prompt("輸入一個(gè)值：","")))
} catch(err) {
   document.writeln("捕捉到例外，開始執(zhí)行catch塊語(yǔ)句 --->");
   document.writeln("錯(cuò)誤名稱: " + err.name+" ---> ");
   document.writeln("錯(cuò)誤信息: " + err.message+" ---> ");
} finally {
   document.writeln("開始執(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á)式求值，然后顯示出來。如果在求值過程中發(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)造器來自定義例外類型。其語(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ǔ)句來觸發(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)

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

七、嵌套例外處理

JavaScript支持多層次的嵌套例外處理。一般情況下，我們可以在內(nèi)部例外處理的catch代碼塊中捕捉并處理錯(cuò)誤，然后再次觸發(fā)例外，這樣就可進(jìn)一步在外部例外處理的catch代碼塊中做更加深入的處理。下面來看看一個(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ā)的腳本代碼問題，外部例外處理則用于負(fù)責(zé)提供給用戶的反饋信息或者對(duì)例外信息進(jìn)行日志記錄。

以上就是關(guān)于“JavaScript中的異常處理怎么實(shí)現(xiàn)”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。