JavaScript中的錯(cuò)誤對(duì)象error object的示例分析

這篇文章主要介紹了JavaScript中的錯(cuò)誤對(duì)象error object的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

每當(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ò)誤名稱。具體來(lái)說(shuō)，它返回錯(cuò)誤所屬的構(gòu)造函數(shù)的名稱。

它有6個(gè)不同的值-EvalError，RangeError，ReferenceError，TypeError，SyntaxError，URIError。 我們將在本文后面討論這些內(nèi)容，這些所有錯(cuò)誤類型均繼承自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ò)誤類型

我們還可以使用如下的instanceof關(guān)鍵字來(lái)處理特定的錯(cuò)誤類型。

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ò)誤類型

我們還可以通過(guò)創(chuàng)建繼承Error對(duì)象的類來(lái)定義自己的錯(cuò)誤類型。

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
}

瀏覽器兼容性

Error 的對(duì)象類型

現(xiàn)在讓我們討論可用于處理不同錯(cuò)誤的不同錯(cuò)誤對(duì)象類型。

1. EvalError

創(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..."
}

瀏覽器兼容性

2. RangeError

創(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()之類的數(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);
    }
}

瀏覽器兼容性

3. ReferenceError

創(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.
}

瀏覽器兼容性

4. SyntaxError

創(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
}

瀏覽器兼容性

5. TypeError

創(chuàng)建一個(gè)error實(shí)例，表示錯(cuò)誤的原因：變量或參數(shù)不屬于有效類型。

new TypeError([message[, fileName[, lineNumber]]])

下面情況會(huì)引發(fā) TypeError：

• 在傳遞和預(yù)期的函數(shù)的參數(shù)或操作數(shù)之間存在類型不兼容。

• 試圖更新無(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
}

瀏覽器兼容性

6. URIError

創(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í)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!