前言：

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

這篇文章我們來介紹一下JavaScript處理

1.概念

1.1什么是錯誤與異常

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

在JavaScript中所有的異常都是Error對象，遇到異常就會拋出一個Error對象，這個對象中包含錯誤的描述信息。

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

1.2異常的分類

在實際的開發(fā)中，異?？梢灾饕譃橐韵氯N：

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

2.異常處理

2.1try...catch語句

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

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

參數(shù)：

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

示例代碼如下所示:

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

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

2.2finally語句

finally語句又稱為終結(jié)塊，此語句塊會在try和catch語句結(jié)束之后執(zhí)行，無論結(jié)果是否報錯。

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

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

示例代碼如下所示：

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

2.3throw語句

throw****語句用來拋出一個用戶自定義的異常。此異常可以是任何數(shù)據(jù)類型。當(dāng)執(zhí)行throw語句時，當(dāng)前執(zhí)行將會被停止，如果有catch塊，則會執(zhí)行catch塊，否則將跳出循環(huán)。

語法格式如下：

throw expression;

expression：要拋出的表達式

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

示例代碼如下所示：

// throw "錯誤"  // 輸出 錯誤
throw false   // 輸出 false

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

3.Error對象

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

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

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

Error的屬性主要有如下兩個：

創(chuàng)建Error對象的實例語法格式如下所示：

new Error([message)

參數(shù)：

message：可選，描述的錯誤信息

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

3.1自定義異常類型

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

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

如下所示：

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

示例代碼如下：

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

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

// * 在node.js 環(huán)境中 new Error 會直接拋出異常 不適用于 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('錯了')
} catch (e) {
  console.log(e)
}

結(jié)語：

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

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

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

最新評論