JavaScript高級之自定義異常

前言：

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

這篇文章我們來介紹一下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 中的異常處理，在實際的開發中一般隻做兩件事情：

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

到此這篇關於JavaScript高級之自定義異常的文章就介紹到這瞭,更多相關JavaScript自定義異常內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：

• JavaScript中的異常處理
• JavaScript錯誤處理機制全面分析講解
• 詳解JavaScript錯誤捕獲
• JavaScript基礎入門之錯誤捕獲機制
• Node端異常捕獲的實現方法