Retourner à la page d'accueil de TJS

Objet : Error

Objet représentant une erreur d'exécution JavaScript


Compatible tous navigateurs

Description
Error est l'objet permettant de manipuler les erreurs d'exécution de votre code JavaScript.

On peut se demander l'intérêt de devoir traiter les erreurs sur son propre script. A priori, vos scripts sont parfaits et ne plantent jamais !
Pourtant, les erreurs peuvent arriver régulièrement. Il suffit d'un navigateur ancien, d'une coupure réseau, d'une interférence avec une saisie utilisateur ou un script externe de mesure d'audience par exemple pour générer une erreur et bloquer l'exécution du traitement prévu.

Il est donc nécessaire dans les traitements critiques de vérifier qu'aucune erreur n'a été détectée. Cette détection se fait avec l'instruction try qui capture l'éventuelle erreur, crée un objet Error et lance un traitement dédié dans le bloc catch.


Propriétés
message Message complet de l'erreur destiné à être compris par le développeur
name Code technique de l'erreur

Exemple 1 : Utilisation de l'erreur
Code source
<script>
 try {
   maFonctionInconnue();
 } catch (myError) {
   console.log(myError.name);
   console.log(myError.message);
 }
</script>

Résultat
Emulation de la console
Explication
La fonction maFonctionInconnue() n'existe pas : son appel déclenche l'exécution du bloc catch.

Exemple 2 : Détection de toutes les erreurs js sur la page
Code source
<div class="btn radius btn-sm btn-orange btn-outline cursor-pointer" onclick="CodeJSInvalide();">Générer une erreur JavaScript</div>

<script>
 window.addEventListener("error", function(event) {
   console.log(event.error.name+" : "+event.error.message);
   event.preventDefault();
 });
</script>

Résultat
Générer une erreur JavaScript
Emulation de la console
Explication
Détecte toutes les erreurs qui surviennent sur le document avec addEventListener("error").
event.error est l'objet Error correspondant.
L'appel de preventDefault() sur l'événement supprime le comportement normal du navigateur. L'erreur détectée n'est donc pas affichée dans la console du navigateur. En ouvrant la console, vous ne verrez pas ce type de ligne :
Exemple script Error dans la référence du JavaScript par ToutJavaScript.com

Page en rapport
Les erreurs fréquentes en JavaScript
Page mise à jour le

Nouvelle édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 21 octobre

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 28/11/2020 09:29:25 sur php7 en 25.28 ms