Erreurs en JavaScript - Types et gestion des erreurs en JavaScript

Introduction aux erreurs en JavaScript

Commençons par discuter de ce que signifie "erreur" dans un langage de programmation, en particulier en JavaScript. Une erreur peut être définie comme une erreur, ou une déclaration incorrecte ou une mauvaise interprétation ou un défaut, mais cette définition n'est pas exactement correcte lors du développement d'un programme. En programmation, une erreur est une section ou une partie de code qui rompt le flux normal du programme. Dans tout langage de programmation, il y a généralement trois types d'erreurs que l'on peut rencontrer,

Erreurs de compilation
Erreurs logiques
Erreurs d'exécution.

Nous avons souvent peur lorsque nous sommes confrontés à des erreurs de toutes sortes, mais les erreurs sont bonnes car nous apprenons à ne pas faire quelque chose et à mieux le faire la prochaine fois.

En JavaScript, si le script génère une erreur, l'interpréteur JavaScript arrêtera l'exécution du programme à cet instant et affichera cette erreur dans la console du navigateur avec l'erreur et le numéro de ligne où elle s'est produite dans le fichier. La seule façon de déboguer notre JavaScript est d'utiliser au mieux les erreurs et les avertissements et d'en trouver la raison.

Types d'erreurs en JavaScript

Une erreur peut ou non être fatale à notre application selon le type d'erreur auquel nous sommes confrontés. Il existe six types d'erreurs qui se produisent généralement en JavaScript -

Erreur d'évaluation
Erreur de plage
Erreur de référence
Erreur de syntaxe
Erreur-type
Erreur URI

Voyons en détail chacune de ces erreurs.

Nom de l'erreur	La description
EvalError	Une erreur s'est produite dans la fonction eval ()
RangeError	Un nombre «hors limites» s'est produit
ReferenceError	Une référence illégale s'est produite
Erreur de syntaxe	Une erreur de syntaxe s'est produite
Erreur-type	Une erreur de type s'est produite
URIError	Une erreur dans encodeURI () s'est produite

1. EvalError: indique une erreur dans la fonction globale eval (), c'est-à-dire que la fonction eval () est utilisée de manière incorrecte. Les versions plus récentes de JavaScript ne génèrent plus cette erreur, mais une erreur de syntaxe est invoquée.

2. RangeError: cette erreur est levée lorsqu'un paramètre ou une valeur (numérique) est en dehors ou dépasse sa plage autorisée.

3. ReferenceError: Cette erreur est levée lorsque nous nous référons à une variable qui n'existe pas (une référence non valide est utilisée) c'est-à-dire que cette variable n'a pas été déclarée. C'est l'une des erreurs les plus courantes et les plus fréquentes.

4. SyntaxError: cette erreur indique que la syntaxe du script n'est pas valide, c'est-à-dire qu'une instruction syntaxique incorrecte est présente dans le code. En ce qui concerne les erreurs de syntaxe, un langage interprété comme JavaScript ne les lancera pas tant que le script n'est pas chargé et lu par le navigateur.

5. TypeError: cette erreur est levée lorsqu'une valeur n'est pas du type approprié comme prévu ou qu'un type de données non valide est utilisé pour déclarer ou définir une variable. Exemple: effectuer un calcul numérique sur une variable ou un objet String.

6. URIError: Cette erreur a indiqué l'utilisation de caractères illégaux non valides dans les méthodes / fonctions liées à l'URI (encodeURI () ou decodeURI ()).

Gestion des erreurs en JavaScript

Lorsqu'une erreur se produit, nous savons que le script cesse de s'exécuter, à moins que nous ne gérions ces erreurs dans le script lui-même, afin de ne pas perturber le déroulement normal du programme. Les différentes manières que nous pouvons implémenter pour gérer ces erreurs sont:

try …. catch block try ( // errorneous statement ) catch (err) ( console.error (err) // stmts )

finalement

Dans certaines situations, certaines sections du script doivent être exécutées, qu'une erreur se produise ou non, et cette partie de la section doit être écrite dans un bloc finally.

try ( // errorneous statement ) catch (err) ( console.error (err) // stmts ) finally( //mandatory statements to run )

Promesses

Les promesses sont utilisées pour gérer les opérations asynchrones qui peuvent entraîner une erreur. Ils peuvent gérer plusieurs opérations asynchrones et fournir de meilleures solutions de gestion des erreurs par rapport aux rappels et aux événements.

var promise = new Promise( function(resolve, reject)( //do something ) );

Exemple:

function captureErrorTypes() ( try ( var sum = x + y; alert(sum); ) catch(error) ( switch (error.name) ( case 'SyntaxError': alert("caught a " + error.name + ": " + error.message); //handle error… break; case 'RangeError': alert("caught a " + error.name + ": " + error.message); //handle error… break; case 'ReferenceError': alert("caught a " + error.name + ": " + error.message); //handle error… break; default: alert("caught a " + error.name + ": " + error.message); //handle all other error types here… break; ) ) )

Articles recommandés

Ceci est un guide des erreurs en JavaScript. Nous discutons ici des erreurs javascript et de leur signification dans n'importe quel langage de programmation ainsi que du type qui se produit généralement en javascript. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus -