前言：

在我們的實(shí)際編程中，拋出異常(代碼報(bào)錯(cuò))是最正常不過(guò)的，但是怎么處理異常這就要因人而異的，有的人遇到異常，通常會(huì)通過(guò)某種辦法解決這個(gè)異?；蛘邔⑵潆[藏；但是在JavaScript中提供了一套完整的處理異常的機(jī)制，使程序遇到異常還可以正確的執(zhí)行。所以說(shuō)異常處理的在實(shí)際應(yīng)用的重要性是毋庸置疑的，一個(gè)完整的Web應(yīng)用肯定有一套完整的異常處理機(jī)制。

這篇文章我們來(lái)介紹一下JavaScript處理

1.概念

1.1什么是錯(cuò)誤與異常

所謂的錯(cuò)誤就是編程的過(guò)程中使程序不能正常運(yùn)行的狀態(tài)，也稱為異常。

在JavaScript中所有的異常都是Error對(duì)象，遇到異常就會(huì)拋出一個(gè)Error對(duì)象，這個(gè)對(duì)象中包含錯(cuò)誤的描述信息。

通過(guò)JavaScript提供的異常處理語(yǔ)句，我們可以用結(jié)構(gòu)化的方式來(lái)捕捉發(fā)生的錯(cuò)誤，讓異常處理代碼與核心業(yè)務(wù)代碼實(shí)現(xiàn)分離。

1.2異常的分類

在實(shí)際的開發(fā)中，異常可以主要分為以下三種：

• 邏輯錯(cuò)誤：邏輯錯(cuò)誤是最難被追蹤的錯(cuò)誤類型。這些錯(cuò)誤是由于程序運(yùn)行的邏輯上出現(xiàn)錯(cuò)誤，從而導(dǎo)致你的腳本程序并不能得到你想要的結(jié)果。
• JavaScript自帶錯(cuò)誤：這是最為常見(jiàn)的錯(cuò)誤類型，例如發(fā)生JavaScript的語(yǔ)法錯(cuò)誤、代碼引用錯(cuò)誤、類型錯(cuò)誤等，JavaScript的引擎都會(huì)自動(dòng)觸發(fā)這些錯(cuò)誤。
• 開發(fā)者主動(dòng)拋出的錯(cuò)誤：一般都是開發(fā)者為了滿足自己的需求所定義出的錯(cuò)誤
  

2.異常處理

2.1try...catch語(yǔ)句

try...catch語(yǔ)句是JavaScript中處理異常的一種標(biāo)準(zhǔn)方式，語(yǔ)法結(jié)構(gòu)如下所示：

try {
     // 供測(cè)試的代碼塊
}
 catch(err) {
     // 處理錯(cuò)誤的代碼塊
} 

參數(shù)：

• try：語(yǔ)句允許您定義一個(gè)代碼塊，以便在執(zhí)行時(shí)檢測(cè)錯(cuò)誤。
• catch：語(yǔ)句允許你定義一個(gè)要執(zhí)行的代碼塊，如果try代碼塊中發(fā)生錯(cuò)誤將會(huì)執(zhí)行此代碼塊
• err：一個(gè)標(biāo)識(shí)符，此標(biāo)識(shí)符表示一個(gè)Error對(duì)象，錯(cuò)誤的類型與測(cè)試代碼塊中的錯(cuò)誤與之對(duì)應(yīng)。
  

示例代碼如下所示:

try {
  // 用于測(cè)試有沒(méi)有出錯(cuò)的代碼塊
  console.log(v) // 此時(shí)v沒(méi)有定義將會(huì)拋出異常
} catch (error) {
  // 拋出異常將執(zhí)行此代碼塊
  console.log('上述代碼有錯(cuò)誤')
}

值得注意的是**try和catch**語(yǔ)句是成對(duì)出現(xiàn)的

2.2finally語(yǔ)句

finally語(yǔ)句又稱為終結(jié)塊，此語(yǔ)句塊會(huì)在try和catch語(yǔ)句結(jié)束之后執(zhí)行，無(wú)論結(jié)果是否報(bào)錯(cuò)。

語(yǔ)法結(jié)構(gòu)如下所示：

try {
     // 供測(cè)試的代碼塊
}
 catch(err) {
     // 處理錯(cuò)誤的代碼塊
}  
finally {
     // 無(wú)論 try  catch 結(jié)果如何都執(zhí)行的代碼塊
}

示例代碼如下所示：

// var v
try {
  // 用于測(cè)試有沒(méi)有出錯(cuò)的代碼塊
  console.log(v) // 此時(shí)v沒(méi)有定義將會(huì)拋出異常
} catch (error) {
  // 拋出異常將執(zhí)行此代碼塊
  console.log('上述代碼有錯(cuò)誤')
} finally {
  console.log('我必須被執(zhí)行')
}

2.3throw語(yǔ)句

throw****語(yǔ)句用來(lái)拋出一個(gè)用戶自定義的異常。此異?？梢允侨魏螖?shù)據(jù)類型。當(dāng)執(zhí)行throw語(yǔ)句時(shí)，當(dāng)前執(zhí)行將會(huì)被停止，如果有catch塊，則會(huì)執(zhí)行catch塊，否則將跳出循環(huán)。

語(yǔ)法格式如下：

throw expression;

expression：要拋出的表達(dá)式

使用throw語(yǔ)句來(lái)拋出一個(gè)異常。當(dāng)你拋出異常時(shí)，expression指定了異常的內(nèi)容。

示例代碼如下所示：

// throw "錯(cuò)誤"  // 輸出 錯(cuò)誤
throw false   // 輸出 false

當(dāng)然，throw后面也可以是一個(gè)對(duì)象

3.Error對(duì)象

通過(guò)Error的構(gòu)造器可以創(chuàng)建一個(gè)錯(cuò)誤對(duì)象。當(dāng)運(yùn)行時(shí)錯(cuò)誤產(chǎn)生時(shí)，Error的實(shí)例對(duì)象會(huì)被拋出。一般情況下Error類型的錯(cuò)誤很少見(jiàn)，基本都是其他錯(cuò)誤類型的，但是其他錯(cuò)誤類型都是繼承于Error的。

Error對(duì)象主要用于用戶自定義的異常的基礎(chǔ)對(duì)象。

除了Error對(duì)象外，JavaScript還提供了如下幾種預(yù)定義類型的錯(cuò)誤

Error的屬性主要有如下兩個(gè)：

創(chuàng)建Error對(duì)象的實(shí)例語(yǔ)法格式如下所示：

new Error([message)

參數(shù)：

message：可選，描述的錯(cuò)誤信息

其他預(yù)定義類型的創(chuàng)建語(yǔ)法與Error相同

3.1自定義異常類型

如果JavaScript提供的異常類型不能夠滿足我們，我們可以自定義屬于自己的異常類型，這個(gè)自定義的異常類型一般都是繼承Error的異常類型，而且可以通過(guò)instanceof關(guān)鍵字來(lái)表示屬于那種異常類型。

先來(lái)看一下Node.js中提供的用于自定義異常類型所提供的屬性和方法，

如下所示：

error.stack：屬性：返回一個(gè)字符串，字符串的第一行會(huì)被格式化為<error class name>: <error message>，且?guī)弦幌盗袟恳恍卸家?at "開頭）。每一幀描述了一個(gè)代碼中導(dǎo)致錯(cuò)誤生成的調(diào)用點(diǎn)。
Error.captureStackTrace(targetObject[, constructorOpt])方法：targetObject表示一個(gè)對(duì)象，constructorOpt表示對(duì)象的構(gòu)造函數(shù)。作用：在targetObject上創(chuàng)建一個(gè).stack屬性

示例代碼如下：

function MyError(message) {
  this.message = message
  this.name = 'MyError'
  /*
   * Error.captureStackTrace(targetObject[, constructorOpt])
   * 參數(shù) targetObject -> 表示一個(gè)對(duì)象
   * 參數(shù) constructorOpt -> 表示對(duì)象的構(gòu)造函數(shù)
   * 在targetObject上創(chuàng)建一個(gè).stack屬性， 調(diào)用是返回一個(gè)調(diào)用 Error.captureStackTrace() 的位置的字符串。
   */
  Error.captureStackTrace(this, MyError)
}

MyError.prototype = new Error()
MyError.prototype.constructor = MyError

// * 在node.js 環(huán)境中 new Error 會(huì)直接拋出異常 不適用于 node.js環(huán)境
// function MyError(message) {
//   this.name = 'MyError';
//   this.message = message || 'Default Message';
//   this.stack = (new Error()).stack;
// }
// MyError.prototype = Object.create(Error.prototype);
// MyError.prototype.constructor = MyError;

try {
  throw new MyError('錯(cuò)了')
} catch (e) {
  console.log(e)
}

結(jié)語(yǔ)：

JavaScript 中的異常處理，在實(shí)際的開發(fā)中一般只做兩件事情：

• 將異常改為提示信息
• 將異常輸出到異常日志中查看錯(cuò)誤信息。

到此這篇關(guān)于JavaScript高級(jí)之自定義異常的文章就介紹到這了,更多相關(guān)JavaScript自定義異常內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論