Retourner à la page d'accueil de TJS

Objet : Error

          

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


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 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 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 référence Toutjavascript.com

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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 19/11/2017 11:36:19 sur php7 en 21.2 ms