這篇文章主要介紹了JavaScript中的錯(cuò)誤對(duì)象error object的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
公司主營(yíng)業(yè)務(wù)：成都做網(wǎng)站、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出昭化免費(fèi)做網(wǎng)站回饋大家。
每當(dāng) JavaScript 中發(fā)生任何運(yùn)行時(shí)錯(cuò)誤時(shí)，都會(huì)引發(fā)Error對(duì)象。 在許多情況下，我們還可以擴(kuò)展這些標(biāo)準(zhǔn)Error對(duì)象，以創(chuàng)建我們自己的自定義Error對(duì)象。
Error 對(duì)象具有2個(gè)屬性
name——設(shè)置或返回錯(cuò)誤名稱(chēng)。具體來(lái)說(shuō)，它返回錯(cuò)誤所屬的構(gòu)造函數(shù)的名稱(chēng)。
它有6個(gè)不同的值-EvalError，RangeError，ReferenceError，TypeError，SyntaxError，URIError。 我們將在本文后面討論這些內(nèi)容，這些所有錯(cuò)誤類(lèi)型均繼承自Object-> Error-> RangeError。
message-設(shè)置或返回錯(cuò)誤消息
1.通用的錯(cuò)誤
我們可以使用Error對(duì)象創(chuàng)建一個(gè)新的Error，然后使用throw關(guān)鍵字顯式拋出該錯(cuò)誤。
重慶分公司
重慶分公司
try{
throw new Error('Some Error Occurred!')
}
catch(e){
console.error('Error Occurred. ' + e.name + ': ' + e.message)
}2.處理特定的錯(cuò)誤類(lèi)型
我們還可以使用如下的instanceof關(guān)鍵字來(lái)處理特定的錯(cuò)誤類(lèi)型。
try{
someFunction()
}
catch(e){
if(e instanceof EvalError) {
console.error(e.name + ': ' + e.message)
}
else if(e instanceof RangeError) {
console.error(e.name + ': ' + e.message)
}
// ... something else
}3.自定義錯(cuò)誤類(lèi)型
我們還可以通過(guò)創(chuàng)建繼承Error對(duì)象的類(lèi)來(lái)定義自己的錯(cuò)誤類(lèi)型。
class CustomError extends Error {
constructor(description, ...params) {
super(...params)
if(Error.captureStackTrace){
Error.captureStackTrace(this, CustomError)
}
this.name = 'CustomError_MyError'
this.description = description
this.date = new Date()
}
}
try{
throw new CustomError('Custom Error', 'Some Error Occurred')
}
catch(e){
console.error(e.name) //CustomError_MyError
console.error(e.description) //Custom Error
console.error(e.message) //Some Error Occurred
console.error(e.stack) //stacktrace
}瀏覽器兼容性
現(xiàn)在讓我們討論可用于處理不同錯(cuò)誤的不同錯(cuò)誤對(duì)象類(lèi)型。
創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：與 eval() 有關(guān)。
這里要注意的一點(diǎn)是，當(dāng)前ECMAScript規(guī)范不支持它，并且運(yùn)行時(shí)不會(huì)將其拋出。 取而代之的是，我們可以使用SyntaxError錯(cuò)誤。但是，它仍然可以與ECMAScript的早期版本向后兼容。
語(yǔ)法
new EvalError([message[, fileName[, lineNumber]]])
事例
try{
throw new EvalError('Eval Error Occurred');
}
catch(e){
console.log(e instanceof EvalError); // true
console.log(e.message); // "Eval Error Occurred"
console.log(e.name); // "EvalError"
console.log(e.stack); // "EvalError: Eval Error Occurred..."
}瀏覽器兼容性
創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：數(shù)值變量或參數(shù)超出其有效范圍。
new RangeError([message[, fileName[, lineNumber]]])
下面的情況會(huì)觸發(fā)該錯(cuò)誤：
1）根據(jù)String.prototype.normalize()，我們傳遞了一個(gè)不允許的字符串值。
// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD String.prototype.normalize(“-1”)
2）使用Array構(gòu)造函數(shù)創(chuàng)建非法長(zhǎng)度的數(shù)組
// RangeError: Invalid array length var arr = new Array(-1);
3）諸如 Number.prototype.toExponential()，Number.prototype.toFixed()或Number.prototype.toPrecision()之類(lèi)的數(shù)字方法會(huì)接收無(wú)效值。
// Uncaught RangeError: toExponential() argument must be between 0 and 100 Number.prototype.toExponential(101) // Uncaught RangeError: toFixed() digits argument must be between 0 and 100 Number.prototype.toFixed(-1) // Uncaught RangeError: toPrecision() argument must be between 1 and 100 Number.prototype.toPrecision(101)
事例
對(duì)于數(shù)值
function checkRange(n)
{
if( !(n >= 0 && n <= 100) )
{
throw new RangeError("The argument must be between 0 and 100.");
}
};
try
{
checkRange(101);
}
catch(error)
{
if (error instanceof RangeError)
{
console.log(error.name);
console.log(error.message);
}
}對(duì)于非數(shù)值
function checkJusticeLeaque(value)
{
if(["batman", "superman", "flash"].includes(value) === false)
{
throw new RangeError('The hero must be in Justice Leaque...');
}
}
try
{
checkJusticeLeaque("wolverine");
}
catch(error)
{
if(error instanceof RangeError)
{
console.log(error.name);
console.log(error.message);
}
}瀏覽器兼容性
創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：無(wú)效引用。
new ReferenceError([message[, fileName[, lineNumber]]])
事例
ReferenceError被自動(dòng)觸發(fā)。
try {
callJusticeLeaque();
}
catch(e){
console.log(e instanceof ReferenceError) // true
console.log(e.message) // callJusticeLeaque is not defined
console.log(e.name) // "ReferenceError"
console.log(e.stack) // ReferenceError: callJusticeLeaque is not defined..
}
or as simple as
a/10;顯式拋出ReferenceError
try {
throw new ReferenceError('Reference Error Occurred')
}
catch(e){
console.log(e instanceof ReferenceError) // true
console.log(e.message) // Reference Error Occurred
console.log(e.name) // "ReferenceError"
console.log(e.stack) // ReferenceError: Reference Error Occurred.
}瀏覽器兼容性
創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：eval()在解析代碼的過(guò)程中發(fā)生的語(yǔ)法錯(cuò)誤。
換句話說(shuō)，當(dāng) JS 引擎在解析代碼時(shí)遇到不符合語(yǔ)言語(yǔ)法的令牌或令牌順序時(shí)，將拋出SyntaxError。
捕獲語(yǔ)法錯(cuò)誤
try {
eval('Justice Leaque');
}
catch(e){
console.error(e instanceof SyntaxError); // true
console.error(e.message); // Unexpected identifier
console.error(e.name); // SyntaxError
console.error(e.stack); // SyntaxError: Unexpected identifier
}
let a = 100/; // Uncaught SyntaxError: Unexpected token ';'
// Uncaught SyntaxError: Unexpected token ] in JSON
JSON.parse('[1, 2, 3, 4,]');
// Uncaught SyntaxError: Unexpected token } in JSON
JSON.parse('{"aa": 11,}');創(chuàng)建一個(gè)SyntaxError
try {
throw new SyntaxError('Syntax Error Occurred');
}
catch(e){
console.error(e instanceof SyntaxError); // true
console.error(e.message); // Syntax Error Occurred
console.error(e.name); // SyntaxError
console.error(e.stack); // SyntaxError: Syntax Error Occurred
}瀏覽器兼容性
創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：變量或參數(shù)不屬于有效類(lèi)型。
new TypeError([message[, fileName[, lineNumber]]])
下面情況會(huì)引發(fā) TypeError：
在傳遞和預(yù)期的函數(shù)的參數(shù)或操作數(shù)之間存在類(lèi)型不兼容。
試圖更新無(wú)法更改的值。
值使用不當(dāng)。
例如：
const a = 10; a = "string"; // Uncaught TypeError: Assignment to constant variable null.name // Uncaught TypeError: Cannot read property 'name' of null
捕獲TypeError
try {
var num = 1;
num.toUpperCase();
}
catch(e){
console.log(e instanceof TypeError) // true
console.log(e.message) // num.toUpperCase is not a function
console.log(e.name) // "TypeError"
console.log(e.stack) // TypeError: num.toUpperCase is not a function
}創(chuàng)建 TypeError
try {
throw new TypeError('TypeError Occurred')
}
catch(e){
console.log(e instanceof TypeError) // true
console.log(e.message) // TypeError Occurred
console.log(e.name) // TypeError
console.log(e.stack) // TypeError: TypeError Occurred
}瀏覽器兼容性
創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：給 encodeURI()或 decodeURl()傳遞的參數(shù)無(wú)效。
如果未正確使用全局URI處理功能，則會(huì)發(fā)生這種情況。
簡(jiǎn)單來(lái)說(shuō)，當(dāng)我們將不正確的參數(shù)傳遞給encodeURIComponent()或decodeURIComponent()函數(shù)時(shí)，就會(huì)引發(fā)這種情況。
new URIError([message[, fileName[, lineNumber]]])
encodeURIComponent()通過(guò)用表示字符的UTF-8編碼的一個(gè)，兩個(gè)，三個(gè)或四個(gè)轉(zhuǎn)義序列替換某些字符的每個(gè)實(shí)例來(lái)對(duì)URI進(jìn)行編碼。
// "https%3A%2F%2Fmedium.com%2F"
encodeURIComponent('https://medium.com/');decodeURIComponent()——對(duì)之前由encodeURIComponent創(chuàng)建的統(tǒng)一資源標(biāo)識(shí)符(Uniform Resource Identifier, URI)組件進(jìn)行解碼。
// https://medium.com/
decodeURIComponent("https%3A%2F%2Fmedium.com%2F")捕捉URIError
try {
decodeURIComponent('%')
}
catch (e) {
console.log(e instanceof URIError) // true
console.log(e.message) // URI malformed
console.log(e.name) // URIError
console.log(e.stack) // URIError: URI malformed...
}顯式拋出URIError
try {
throw new URIError('URIError Occurred')
}
catch (e) {
console.log(e instanceof URIError) // true
console.log(e.message) // URIError Occurred
console.log(e.name) // "URIError"
console.log(e.stack) // URIError: URIError Occurred....
}瀏覽器兼容性
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript中的錯(cuò)誤對(duì)象error object的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
