Gestion des erreurs JavaScript_compétences Javascript

1. Classification des erreurs

1． Erreur de syntaxe

Également connues sous le nom d'erreurs d'analyse, qui se produisent au moment de la compilation dans les langages de programmation traditionnels et au moment de l'interprétation en JavaScript, ces erreurs sont directement causées par des caractères inattendus dans le code, qui ne peuvent alors pas être directement compilés/interprétés, par exemple dans Une ligne de code a produit une erreur de syntaxe due à une parenthèse droite manquante. Lorsqu'une erreur de syntaxe se produit, l'exécution du code ne peut pas continuer. En JavaScript, seul le code d’un même thread est affecté par les erreurs de syntaxe. Le code dans d'autres threads et dans d'autres fichiers référencés en externe peut continuer à s'exécuter s'il ne dépend pas du code contenant l'erreur.

2． Erreur d'exécution

Également connu sous le nom d'exception (exception, au moment de la compilation/après l'interpréteur). À ce stade, le problème ne vient pas de la syntaxe du code, mais du fait de tenter d’effectuer une opération qui est illégale dans certains cas. par exemple.

window.openMyFile();

Comme la méthode openMyFile() n'existe pas, le navigateur renverra une exception. L'exception affecte uniquement le thread dans lequel elle s'est produite et les autres threads JavaScript peuvent continuer à s'exécuter normalement.

2. Gestion des erreurs

1.  Fonction de gestion des événements d'erreur

C'est le premier mécanisme utilisé pour aider JavaScript à gérer les erreurs. Lorsqu'une exception se produit sur la page, l'événement d'erreur est déclenché sur l'objet window. Par exemple.

Copier le code Le code est le suivant :

                                                                                                                   
                                                                                                                                                                                        
                                  
        
         
        

Dans le code ci-dessus, si vous essayez d'appeler une fonction inexistante lors du chargement de la page, une exception sera levée. Un message d'erreur « Une erreur s'est produite » apparaît. Cependant, le message d'erreur du navigateur est également affiché. Comment le masquer sur le navigateur ? Il suffit de renvoyer un true à partir de la méthode onerror.

Copier le code Le code est le suivant :

1) Supprimer le message d'erreur

Le gestionnaire d'erreur fournit trois types d'informations pour déterminer la nature exacte de l'erreur :

i) Message d'erreur - pour une erreur donnée, le navigateur affichera le même message

ii) URL - dans quel fichier l'erreur s'est produite

Numéro de ligne – Le numéro de ligne dans l'URL donnée où l'erreur s'est produite.

Voir l'exemple suivant pour la méthode d'accès :

Copier le code Le code est le suivant :

2) Erreur de chargement de l'image

L'objet window n'est pas le seul objet qui prend en charge les fonctions de gestion des événements d'erreur, il prend également en charge les objets image. Lorsqu'une image ne parvient pas à se charger pour des raisons telles que l'inexistence du fichier, l'événement d'erreur est déclenché sur l'image. Regardons un exemple :

L'exemple ci-dessus attribue directement la fonction de gestionnaire d'événements onerror en HTML. Bien entendu, les fonctions de traitement d'événements peuvent également être attribuées via des scripts. Avant de définir les caractéristiques src de l'image, vous devez attendre que la page soit complètement chargée. Le code est le suivant :

.

Copier le code Le code est le suivant :