JavaScript高階之自定義異常
目錄
- 1.概念
- 1.1什麼是錯誤與異常
- 1.2異常的分類
- 2.異常處理
- 2.1try...catch語句
- 2.2finally語句
- 2.3throw語句
- 3.Error物件
- 3.1自定義異常型別
前言：
在我們的實際中，丟擲異常(程式碼報錯)是最正常不過的，但是怎麼處理異常這就要因人而異的，有的人遇到異常，通常會通過某種辦法解決這個異常或者將其隱藏；但是在中提供了一套完整的處理異常的機制，使程式遇到異常還可以正確的執行。所以說異常處理的在實際應用的重要性是毋庸置疑的，一個完整的Web應用肯定有一套完整的異常處理機制。
這篇文章我們來介紹一下Script處理
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語句結束之後執行，無論結果是否報錯。
語法結構如下所示：
trhttp://www.cppcns.comy {
// 供測試的程式碼塊
}
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;www.cppcns.com
expression：要丟擲的表示式
使用throw語句來丟擲一個異常。當你丟擲異常時，expression指定了異常的內容。
示例程式碼如下所示：
// throw "錯誤" // 輸出 錯誤 throw false // 輸出 false
當然，throw後面也可以是一個物件
3.Error物件
通過Error的構造器可以建立一個錯誤物件。當執行時錯誤產生時，Error的例項物件會被丟擲。一般情況下Error型別的錯誤很少見，基本都是其他錯誤型別的，但是其他錯誤型別都是繼承於Error的。
Error物件主要用於使用者自定義的異常的基礎物件。
除了Error物件外，JavaScript還提供瞭如下幾種預定義型別的錯誤
| 錯誤名 | 描述 |
|---|---|
| EvalError | 已在eval()函式中發生的錯誤 |
| RangeError | 已發生超出數字範圍的錯誤 |
| ReferenceError | 已發生非法引用 |
| SyntaxError | 已發生語法錯誤 |
| TypeError | 已發生型別錯誤 |
| URIError | 在encodeURI()中已發生的錯誤 |
Error的屬性主要有如下兩個：
| 屬性 | 描述 |
|---|---|
| name | 設定或返回錯誤名 |
| message | 設定或返回錯誤訊息（一條字串） |
建立Error物件的例項語法格式如下所示：
new Error([message)
引數：
message：可選，描述的錯誤資訊
其他預定義型別的建立語法與Error相同
3.1自定義異常型別
如果JavaScript提供的異常型別不能夠滿足我們，我們可以自定義屬於自己的異常型別，這個自定義的異常型別一般都是繼承Error的異常型別，而且可以通過instanceof關鍵字來表示屬於那種異常型別。
先來看一下Node.中提供的用於自定義異常型別所提供的屬性和方法，
如下所示：
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)
}http://www.cppcns.com
結語：
JavaScript 中的異常處理，在實際的開發中一般只做兩件事情：
- 將異常改為提示資訊
- 將異常輸出到異常日誌中檢視錯誤資訊。
到此這篇關於JavaScript高階之自定義異常的文章就介紹到這了,更多相關JavaScript自定義異常內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！