Chapitre 13 : Gestion des erreurs
1. L'importance de la gestion des erreurs
En programmation, les erreurs sont inévitables. Une bonne gestion des erreurs permet d'éviter que votre application ne plante complètement et offre une meilleure expérience à l'utilisateur en affichant des messages compréhensibles.
2. Le bloc Try...Catch
C'est la structure principale pour intercepter les erreurs en JavaScript.
try {
// Code qui pourrait générer une erreur
let resultat = fonctionInexistante();
} catch (error) {
// Code exécuté en cas d'erreur
console.error("Une erreur est survenue :", error.message);
} finally {
// Code exécuté systématiquement (optionnel)
console.log("Opération terminée.");
}
3. Lancer ses propres erreurs
Vous pouvez forcer une erreur avec l'instruction throw.
function diviser(a, b) {
if (b === 0) {
throw new Error("Division par zéro impossible !");
}
return a / b;
}
4. Outils de débogage
L'instruction debugger
L'instruction debugger; met en pause l'exécution du code si les outils de développement sont ouverts.
function calculComplexe(x) {
let y = x * 2;
debugger; // Le navigateur s'arrêtera ici
return y + 10;
}
Points d'arrêt (Breakpoints)
Dans l'onglet "Sources" de votre navigateur, vous pouvez cliquer sur un numéro de ligne pour ajouter un point d'arrêt et inspecter les variables à ce moment précis du code.
Objectifs du chapitre
- Comprendre les concepts clés de Gestion des erreurs et Débogage.
- Savoir appliquer ces concepts sur un cas concret.
- Éviter les erreurs fréquentes et adopter les bonnes pratiques.
Explication
Ce chapitre vous guide pas à pas sur le thème Gestion des erreurs et Débogage. L'idée est de partir d'une approche simple, puis de progresser vers des usages plus réalistes.
Exemple pratique
Essayez d'appliquer la notion vue ici dans un mini-exemple de votre projet personnel. Ensuite, comparez votre résultat avec les exercices associés pour valider votre compréhension.
Conclusion
Savoir déboguer et anticiper les erreurs est ce qui différencie un développeur débutant d'un professionnel. Dans le prochain chapitre, nous explorerons les modules et les outils de développement modernes.
Quiz du chapitre 13
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Try / Catch
Atelier #1Écris un bloc try/catch pour capturer une erreur lors de l'appel d'une fonction inexistante.
Consulter la solution type du formateur
#2 — Lancer une erreur (Throw)
Atelier #2Comment lancer manuellement une erreur si un paramètre est manquant ?
Consulter la solution type du formateur
#3 — Instruction Debugger
Atelier #3Quel mot-clé permet de mettre en pause l'exécution du code dans l'inspecteur du navigateur ?
Consulter la solution type du formateur
#4 — Console Error
Atelier #4Quelle méthode de console permet d'afficher spécifiquement un message d'erreur (en rouge) ?
Consulter la solution type du formateur
#5 — Finally
Atelier #5À quoi sert le bloc 'finally' dans une structure try/catch ?