JavaScript如何自定義異常

這篇文章給大家分享的是有關JavaScript如何自定義異常的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

1.概念

1.1什么是錯誤與異常

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

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

通過JavaScript提供的異常處理語句，我們可以用結構化的方式來捕捉發生的錯誤，讓異常處理代碼與核心業務代碼實現分離。

1.2異常的分類

在實際的開發中，異常可以主要分為以下三種：

• 邏輯錯誤：邏輯錯誤是最難被追蹤的錯誤類型。這些錯誤是由于程序運行的邏輯上出現錯誤，從而導致你的腳本程序并不能得到你想要的結果。

• JavaScript自帶錯誤：這是最為常見的錯誤類型，例如發生JavaScript的語法錯誤、代碼引用錯誤、類型錯誤等，JavaScript的引擎都會自動觸發這些錯誤。

• 開發者主動拋出的錯誤：一般都是開發者為了滿足自己的需求所定義出的錯誤
  

2.異常處理

2.1try...catch語句

try...catch語句是JavaScript中處理異常的一種標準方式，語法結構如下所示：

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

參數：

• try：語句允許您定義一個代碼塊，以便在執行時檢測錯誤。

• catch：語句允許你定義一個要執行的代碼塊，如果try代碼塊中發生錯誤將會執行此代碼塊

• err：一個標識符，此標識符表示一個Error對象，錯誤的類型與測試代碼塊中的錯誤與之對應。
  

示例代碼如下所示:

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

值得注意的是**try和catch**語句是成對出現的

2.2finally語句

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

語法結構如下所示：

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

示例代碼如下所示：

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

2.3throw語句

throw****語句用來拋出一個用戶自定義的異常。此異常可以是任何數據類型。當執行throw語句時，當前執行將會被停止，如果有catch塊，則會執行catch塊，否則將跳出循環。

語法格式如下：

throw expression;

expression：要拋出的表達式

使用throw語句來拋出一個異常。當你拋出異常時，expression指定了異常的內容。

示例代碼如下所示：

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

當然，throw后面也可以是一個對象

3.Error對象

通過Error的構造器可以創建一個錯誤對象。當運行時錯誤產生時，Error的實例對象會被拋出。一般情況下Error類型的錯誤很少見，基本都是其他錯誤類型的，但是其他錯誤類型都是繼承于Error的。

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

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

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

創建Error對象的實例語法格式如下所示：

new Error([message)

參數：

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

其他預定義類型的創建語法與Error相同

3.1自定義異常類型

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

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

如下所示：

error.stack：屬性：返回一個字符串，字符串的第一行會被格式化為<error class name>: <error message>，且帶上一系列棧幀（每一行都以"at "開頭）。每一幀描述了一個代碼中導致錯誤生成的調用點。
Error.captureStackTrace(targetObject[, constructorOpt])方法：targetObject表示一個對象，constructorOpt表示對象的構造函數。作用：在targetObject上創建一個.stack屬性

示例代碼如下：

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

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

// * 在node.js 環境中 new Error 會直接拋出異常 不適用于 node.js環境
// 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)
}

感謝各位的閱讀！關于“JavaScript如何自定義異常”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！