Gestion des erreurs en Javascript avec try-catch

La gestion des erreurs avec try catch et try throw
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Javascript
Revoir le teaser Je m'abonne
4,5
Transcription

49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis
4,5
49,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :

- Comprendre les différents types d'erreurs en Javascript.

- Apprendre à utiliser l'instruction try-catch pour capturer et traiter les erreurs.

- Savoir vérifier la continuité de l'exécution du programme après une erreur.

- Utiliser l'instruction 'flow' pour arrêter l'exécution du script lorsque nécessaire.

Apprenez à gérer les erreurs en Javascript grâce à l'instruction try-catch avec des exemples pratiques.

Dans ce tutoriel, nous explorons les différentes erreurs en Javascript qui peuvent se produire, allant des erreurs de syntaxe aux erreurs de traitement des données reçues des serveurs. Nous découvrons comment utiliser l'instruction try-catch pour capturer et traiter ces erreurs afin d'assurer la robustesse de votre code Javascript.

Le guide vous montre comment créer un fichier Javascript et un fichier HTML pour tester le code. Une erreur volontaire est introduite dans le script pour démontrer la capture de l'erreur avec le bloc try-catch. Ensuite, nous voyons comment afficher des messages d'erreurs et vérifier si le programme continue son exécution après qu'une erreur ait été traitée.

Enfin, nous abordons l'instruction 'flow' pour arrêter l'exécution du programme après avoir traité une erreur, assurant ainsi un contrôle complet sur le flux d'exécution de votre script en cas de problèmes.

Voir plus
Questions réponses
Qu'est-ce qu'une erreur de syntaxe en Javascript ?
Une erreur de syntaxe survient lorsque le code ne respecte pas les règles de la syntaxe Javascript, entraînant une interruption de l'exécution du script.
Quel est le rôle de l'instruction try-catch ?
L'instruction try-catch permet de surveiller un bloc de code et de capturer les erreurs qui s'y produisent afin de les traiter sans interrompre le programme.
Comment peut-on arrêter l'exécution d'un script après avoir traité une erreur ?
On peut utiliser l'instruction 'flow' après avoir traité une erreur dans le bloc catch pour terminer l'exécution du programme.
On est souvent confronté aux erreurs en Javascript. Soit on a des erreurs de syntaxe, soit on a des erreurs dues au traitement de données reçues des serveurs, ou en analysant le code HTML à l'aide de Javascript. Il faut donc pouvoir traiter ces erreurs. Comment traiter ces erreurs ? Grâce à l'instruction try-catch. L'instruction try-catch permet de capturer des erreurs. Comment se présente sa syntaxe ? Là voici, on met le mot clé try, un bloc de code à exécuter. Ce bloc de code va être surveillé par le try, et s'il y a une erreur, elle va être capturée ici et elle va être traitée par cet autre bloc d'instruction. Pour illustrer notre propos, nous allons créer un fichier script et un fichier HTML, le tout avec braquettes. Lançons braquettes et créons un fichier pour notre script. Fichier, nouveau. Là, je vais mettre quelque chose qui va créer une erreur, blablabla. Et puis ici, une petite alerte. Bonjour. Voilà, notre programme est tout simple, on peut le sauvegarder. Fichier, enregistrer. Je vais lui donner comme nom test1.js. Voilà, il est sauvegardé. Maintenant, créons un fichier HTML qui va charger ce script. Fichier, j'ai ce menu new HTML5 qui me paraît bien. Voilà, il me donne un template déjà tout fait. Je rajoute ma balise script. Notez l'autocomplétion. SRC, je mets le chemin relatif de mon fichier javascript. Je mets un type. Je n'ai plus qu'à sauvegarder. Je nomme mon fichier test1.html. Enregistrer. Voilà, je suis prêt. Il ne me reste plus qu'à lancer un navigateur pour tester ce fichier HTML et ce script. Bracket a l'amabilité de fournir un petit bouton ici pour lancer le navigateur par défaut. Si vous avez installé Chrome et que vous avez spécifié Chrome comme navigateur par défaut, celui-ci va s'ouvrir. Je clique. Voilà, ma page est chargée. Il n'y a rien parce qu'il n'y a rien dans mon body. Si vous n'aviez pas de navigateur par défaut, il aurait fallu taper ceci dans Chrome. Cette URL, vous avouez que c'est moins convivial. Allons voir ce qui se passe dans la fenêtre javascript. Voilà, j'ai bien mon erreur, bla bla bla, it's not defined. Alors comment capturer cette erreur ? Avec try catch. Je retourne sur bracket. Je vais afficher mon test1.js et je vais rajouter mon try catch. Try. J'ouvre un box d'instructions. Je le ferme ici. Je rajoute mon catch avec comme argument une variable. Ici, je vais prendre la variable erreur. J'ouvre un autre bloc d'instructions. Et je vais faire une petite alerte. Erreur.message Je mets un point virgule et je ferme mon bloc d'instructions. Je sauvegarde. Fichier enregistré. Et je rafraîchis mon navigateur. J'ai bien bla bla bla, it's not defined. C'est l'erreur. Plus rien. On ne sait pas si le programme s'est arrêté ou a continué. On va vérifier cela. On retourne dans bracket. Et ici, je vais rajouter une petite alerte. Je sauvegarde. Et je vais rafraîchir mon navigateur. J'ai mon alerte, la première. Et j'ai bien bonjour. Ce qui signifie que mon programme ne s'est pas arrêté malgré l'erreur. Récapitulons. J'ai un bloc d'instructions ici, que je surveille avec try. S'il y a une erreur dans ce bloc d'instructions, je la capture. Et je récupère la variable d'erreur, que je nommais erreur. Et je fais un window alert, erreur message. Ici, c'est le bloc d'instructions qui traite l'erreur. Une fois l'erreur traitée, le programme continue et j'affiche bonjour. Imaginons maintenant que je veux traiter une erreur, mais que je veux tout de même arrêter mon programme. Je peux utiliser l'instruction flow. J'affiche un message. J'arrête. L'instruction flow va terminer mon programme. Allons voir dans le navigateur. Je rafraîchis. J'ai l'erreur. Et voilà, à la console j'ai j'arrête.

Programme détaillé de la formation

4 commentaires
4,5
4 votes
5
4
3
2
1
nicolas.braud
Il y a 1 year
Commentaire
Très bonne formation ; j'ai eu des difficultés avec la partie AJAX pour installer les hôtes virtuels d'un point de vue technique, mais on peut y arriver quand même à l'aide de tuto. les documents présentés en slide seraient appréciés pour les utiliser a posteriorir.
fguibert47
Il y a 2 years
Commentaire
Bonjour, Excellente formation. Très bien faite. Alain Beauvois est un très bon professeur !! Elle correspond tout à fait à ce que j'attendais. Merci.
amercadie
Il y a 2 years
Commentaire
Excellente formation. Des cours progressifs et très clairs.
david.coilot
Il y a 2 years
Commentaire
très bonne formation !!
Nos dernières formations JavaScript
  • Apprendre Vue JS 3
    Découvrir
    Apprenez à créer des applications web modernes avec notre formation "Apprendre Vue JS 3". Rejoignez-nous et maîtrisez ce puissant framework JavaScript ! 🚀 #VueJS #FormationWeb #Développement
    11h47 91 leçons
  • Apprendre JavaScript ES6 - Les fondamentaux
    Découvrir
    Apprendre les fondamentaux du langage de programmation JavaScript
    4h22 41 leçons 3,50 / 5
  • Savoir programmer en Node.js
    Découvrir
    Apprendre à programmer en Node.js
    2h14 15 leçons