Maison > interface Web > js tutoriel > Objet d'erreur en JavaScript

Objet d'erreur en JavaScript

青灯夜游
Libérer: 2021-01-29 08:58:55
avant
3907 Les gens l'ont consulté

Objet d'erreur en JavaScript

L'objet Error est généré chaque fois qu'une erreur d'exécution se produit dans JavaScript. Dans de nombreux cas, nous pouvons également étendre ces Error objets standards pour créer nos propres objets Error personnalisés.

Attributs

Error L'objet a 2 attributs

nom - Définit ou renvoie le nom de l'erreur. Plus précisément, il renvoie le nom du constructeur auquel appartient l'erreur.

Il a 6 valeurs différentes - EvalError, RangeError, ReferenceError, TypeError, SyntaxError, URIError. Nous en discuterons plus tard dans cet article, mais tous les types d'erreurs héritent de Object-> Error-> RangeError.

message-Définir ou renvoyer un message d'erreur

Objet derreur en JavaScript

Exemple

1. >

Nous pouvons créer un nouveau

en utilisant l'objet Error, puis renvoyer explicitement l'erreur en utilisant le mot-clé Error. throw

try{
    throw new Error('Some Error Occurred!')
} 
catch(e){
    console.error('Error Occurred. ' + e.name + ': ' + e.message)
}
Copier après la connexion

2. Gestion de types d'erreurs spécifiques

Nous pouvons également utiliser le mot-clé

suivant pour gérer des types d'erreurs spécifiques. types d'erreurs. 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
}
Copier après la connexion

3. Types d'erreurs personnalisés

Nous pouvons également définir nos propres types d'erreurs en créant des classes qui héritent de l'objet

. 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
}
Copier après la connexion

Compatibilité avec les navigateurs

Objet derreur en JavaScript

Type d'objet d'erreur

Discutons maintenant des différents types d'objets d'erreur qui peuvent être utilisés pour gérer différentes erreurs.

1. EvalError

Crée une instance

pour indiquer la cause de l'erreur : liée à error. eval()

Une chose à noter ici est qu'il n'est pas pris en charge par la spécification ECMAScript actuelle et ne sera pas lancé par le runtime. Au lieu de cela, nous pouvons utiliser l'erreur

. Cependant, il reste rétrocompatible avec les versions antérieures d'ECMAScript. SyntaxError

Grammaire

new EvalError([message[, fileName[, lineNumber]]])
Copier après la connexion

Exemple

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..."
}
Copier après la connexion

Compatibilité des navigateurs

Objet derreur en JavaScript

2. RangeError

Crée une instance

, représentant la cause de erreur : la variable ou le paramètre numérique dépasse sa plage valide. error

new RangeError([message[, fileName[, lineNumber]]])
Copier après la connexion

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

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

// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD
String.prototype.normalize(“-1”)
Copier après la connexion

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

// RangeError: Invalid array length
var arr = new Array(-1);
Copier après la connexion

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)
Copier après la connexion

事例

对于数值

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);
    }
}
Copier après la connexion

对于非数值

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);
    }
}
Copier après la connexion

浏览器兼容性

Objet derreur en JavaScript

3. ReferenceError

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

new ReferenceError([message[, fileName[, lineNumber]]])
Copier après la connexion

事例

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;
Copier après la connexion

显式抛出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.
}
Copier après la connexion

浏览器兼容性

Objet derreur en JavaScript

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;);
Copier après la connexion

创建一个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
}
Copier après la connexion

浏览器兼容性

Objet derreur en JavaScript

5. TypeError

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

new TypeError([message[, fileName[, lineNumber]]])
Copier après la connexion

下面情况会引发 TypeError

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

例如:

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

null.name // Uncaught TypeError: Cannot read property &#39;name&#39; of null
Copier après la connexion

捕获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
}
Copier après la connexion

创建 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
}
Copier après la connexion

浏览器兼容性

Objet derreur en JavaScript

6. URIError

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

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

Objet derreur en JavaScript

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

new URIError([message[, fileName[, lineNumber]]])
Copier après la connexion

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

// "https%3A%2F%2Fmedium.com%2F"
encodeURIComponent(&#39;https://medium.com/&#39;);
Copier après la connexion

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

// https://medium.com/
decodeURIComponent("https%3A%2F%2Fmedium.com%2F")
Copier après la connexion

捕捉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...
}
Copier après la connexion

显式抛出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....
}
Copier après la connexion

浏览器兼容性

Objet derreur en JavaScript

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

作者:Isha Jauhari

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:segmentfault.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal