首頁 > web前端 > js教程 > JavaScript中的錯誤物件(Error object)

JavaScript中的錯誤物件(Error object)

青灯夜游
發布: 2021-01-29 08:58:55
轉載
3907 人瀏覽過

JavaScript中的錯誤物件(Error object)

每當 JavaScript 中發生任何執行時間錯誤時,都會引發Error物件。在許多情況下,我們還可以擴展這些標準Error對象,以建立我們自己的自訂Error對象。

屬性

Error 物件具有2個屬性

#name -設定或傳回錯誤名稱。具體來說,它傳回錯誤所屬的建構函數的名稱。

它有6個不同的值-EvalErrorRangeErrorReferenceErrorTypeErrorSyntaxError URIError。我們將在本文後面討論這些內容,這些所有錯誤類型均繼承自Object-> Error-> RangeError

message-設定或傳回錯誤訊息

JavaScript中的錯誤物件(Error object)

#範例

1.通用的錯誤

我們可以使用Error物件建立一個新的Error,然後使用throw關鍵字明確拋出該錯誤。

try{
    throw new Error('Some Error Occurred!')
} 
catch(e){
    console.error('Error Occurred. ' + e.name + ': ' + e.message)
}
登入後複製

2.處理特定的錯誤類型

我們也可以使用以下的instanceof關鍵字來處理特定的錯誤類型。

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.自訂錯誤類型

我們也可以透過建立繼承Error物件的類別來定義自己的錯誤類型。

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
}
登入後複製

瀏覽器相容性

JavaScript中的錯誤物件(Error object)

#Error 的物件類型

現在讓我們討論可用於處理不同錯誤的不同錯誤物件類型。

1. EvalError

建立一個error實例,表示錯誤的原因:與 eval() 有關。

這裡要注意的一點是,目前ECMAScript規格不支援它,並且在運行時不會將其拋出。取而代之的是,我們可以使用SyntaxError錯誤。但是,它仍然可以與ECMAScript的早期版本向後相容。

語法

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..."
}
登入後複製

瀏覽器相容性

JavaScript中的錯誤物件(Error object)

#2. RangeError

建立一個

error實例,表示錯誤的原因:數值變數或參數超出其有效範圍。

new RangeError([message[, fileName[, lineNumber]]])
登入後複製

下面的情况会触发该错误:

1)根据String.prototype.normalize(),我们传递了一个不允许的字符串值。

// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD
String.prototype.normalize(“-1”)
登入後複製

2)使用Array构造函数创建非法长度的数组

// RangeError: Invalid array length
var arr = new Array(-1);
登入後複製

3)诸如 Number.prototype.toExponential()Number.prototype.toFixed()Number.prototype.toPrecision()之类的数字方法会接收无效值。

// 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)
登入後複製

事例

对于数值

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);
    }
}
登入後複製

对于非数值

function checkJusticeLeaque(value)
{
    if(["batman", "superman", "flash"].includes(value) === false)
    {
        throw new RangeError(&#39;The hero must be in Justice Leaque...&#39;);
    }
}
try
{
    checkJusticeLeaque("wolverine");
}
catch(error)
{
    if(error instanceof RangeError)
    {
        console.log(error.name);
        console.log(error.message);
    }
}
登入後複製

浏览器兼容性

JavaScript中的錯誤物件(Error object)

3. ReferenceError

创建一个error实例,表示错误的原因:无效引用。

new ReferenceError([message[, fileName[, lineNumber]]])
登入後複製

事例

ReferenceError被自动触发。

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(&#39;Reference Error Occurred&#39;)
} 
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.
}
登入後複製

浏览器兼容性

JavaScript中的錯誤物件(Error object)

4. SyntaxError

创建一个error实例,表示错误的原因:eval()在解析代码的过程中发生的语法错误。

换句话说,当 JS 引擎在解析代码时遇到不符合语言语法的令牌或令牌顺序时,将抛出SyntaxError

捕获语法错误

try {
  eval(&#39;Justice Leaque&#39;);  
} 
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 &#39;;&#39;
// Uncaught SyntaxError: Unexpected token ] in JSON
JSON.parse(&#39;[1, 2, 3, 4,]&#39;); 
// Uncaught SyntaxError: Unexpected token } in JSON
JSON.parse(&#39;{"aa": 11,}&#39;);
登入後複製

创建一个SyntaxError

try {
  throw new SyntaxError(&#39;Syntax Error Occurred&#39;);
} 
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
}
登入後複製

浏览器兼容性

JavaScript中的錯誤物件(Error object)

5. TypeError

创建一个error实例,表示错误的原因:变量或参数不属于有效类型。

new TypeError([message[, fileName[, lineNumber]]])
登入後複製

下面情况会引发 TypeError

  • 在传递和预期的函数的参数或操作数之间存在类型不兼容。
  • 试图更新无法更改的值。
  • 值使用不当。

例如:

const a = 10;
a = "string"; // Uncaught TypeError: Assignment to constant variable

null.name // Uncaught TypeError: Cannot read property &#39;name&#39; 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
}
登入後複製

创建 TypeError

try {
  throw new TypeError(&#39;TypeError Occurred&#39;) 
} 
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
}
登入後複製

浏览器兼容性

JavaScript中的錯誤物件(Error object)

6. URIError

创建一个error实例,表示错误的原因:给 encodeURI()或 decodeURl()传递的参数无效。

如果未正确使用全局URI处理功能,则会发生这种情况。

JavaScript中的錯誤物件(Error object)

简单来说,当我们将不正确的参数传递给encodeURIComponent()decodeURIComponent()函数时,就会引发这种情况。

new URIError([message[, fileName[, lineNumber]]])
登入後複製

encodeURIComponent()通过用表示字符的UTF-8编码的一个,两个,三个或四个转义序列替换某些字符的每个实例来对URI进行编码。

// "https%3A%2F%2Fmedium.com%2F"
encodeURIComponent(&#39;https://medium.com/&#39;);
登入後複製

decodeURIComponent()——对之前由encodeURIComponent创建的统一资源标识符(Uniform Resource Identifier, URI)组件进行解码。

// https://medium.com/
decodeURIComponent("https%3A%2F%2Fmedium.com%2F")
登入後複製

捕捉URIError

try {
  decodeURIComponent(&#39;%&#39;)
} 
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(&#39;URIError Occurred&#39;)
} 
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....
}
登入後複製

浏览器兼容性

JavaScript中的錯誤物件(Error object)

英文原文地址:http://help.dottoro.com/ljfhismo.php

作者:Isha Jauhari

更多编程相关知识,请访问:编程视频!!

以上是JavaScript中的錯誤物件(Error object)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板