oujood.com

La gestion des exceptions en javascript

Le langage Javascript offre aux programmeurs la possibilité de gérer les exceptions, des anomalies pouvant apparaître subitement dans le code
Dans ce tutoriel, vous apprendrez à gérer les erreurs de manière élégante en JavaScript.

La gestion des exceptions en javascript

Traitement des erreurs

Il arrive que votre code JavaScript ne fonctionne pas aussi bien que prévu, ce qui entraîne une erreur. Un certain nombre de raisons peuvent être à l'origine d'erreurs, par exemple :

Un problème de connexion réseau
Un utilisateur a pu saisir une valeur non valide dans un champ de formulaire
La recherche d'objets ou de fonctions qui n'existent pas
Des données incorrectes sont envoyées au serveur Web ou reçues de celui-ci.
Un service auquel l'application doit accéder peut être temporairement indisponible.
Ces types d'erreurs sont appelés erreurs d'exécution, car elles se produisent au moment de l'exécution du script. Une application professionnelle doit être capable de gérer ces erreurs d'exécution de manière élégante.
En général, cela signifie informer l'utilisateur du problème de manière plus claire et plus précise.

Le langage Javascript offre aux programmeurs la possibilité de gérer les exceptions, des anomalies pouvant apparaître subitement dans le code.

Lorsque nous parcourons des pages Web sur Internet, nous avons tous vu une boîte d'alerte JavaScript nous dit il y a une erreur d'exécution et en demandant "Voulez-vous déboguer?". Un message d'erreur comme cela peut être utile pour les développeurs, mais pas pour les utilisateurs. Lorsque les utilisateurs verront des erreurs, ils quittent souvent la page Web.

La gestion des exceptions va vous apprendre comment attraper et manipuler les messages d'erreur JavaScript, et donc vous ne perdez pas votre public.

A cet effet, plusieurs instructions permettent de traiter des erreurs, comme :

throw dont la fonction est de lancer une exception
try... catch qui la récupère et la manipule
try... finally qui libère une ressource.

L’instruction Try...Catch de JavaScript

L’instruction try...catch vous permet de tester un bloc de code pour les erreurs.
Le bloc try contient le code à exécuter.
Le bloc catch contient le code à exécuter si une erreur se produit.
Syntaxe:

try { //code à exécuter } catch(err) { // code à exécuter si une erreur se produit }

Note : Le try...catch est écrit en lettres minuscules. L'utilisation de lettres majuscules génère une erreur JavaScript!

Exemples
L'exemple ci-dessous est censé afficher l’alerte "Bienvenue invité!" lorsque le bouton est cliqué. Cependant, il ya une anomalie dans la fonction message(). alert() est mal orthographié comme adddlert(). Une erreur JavaScript se produit. Le bloc catch intercepte l'erreur et exécute un code personnalisé pour y faire face. Le code affiche un message d'erreur personnalisé pour informer l'utilisateur de ce qui s'est passé:
Exemple :

Sélectionner le code


<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
  {
  adddlert("Bienvenu !");
  }
catch(err)
  {
  txt="Il y a eu une erreur sur cette page.\n\n";
  txt+="Click OK pour continuer à voir cette page,\n";
  txt+="ou Cancel pour retourner à la page d'accueil.\n\n";
  if(!confirm(txt))
    {
    document.location.href="http://www.www.oujood.com/";
    }
  }
}
</script>
</head>

<body>
<input type="button" value="Voir message" onclick="message()" />
</body>

</html>

 

Remarquez bien que le mot-clé catch est suivi d'un identifiant entre parenthèses. Cet identifiant se comporte comme un paramètre de fonction. Lorsqu'une erreur se produit, le JavaScript génère un objet contenant les détails de l'erreur. Cet objet d'erreur est ensuite transmis comme argument à catch pour être traité.




Par carabde 30 mars 2014

Trafic Booster
hebergement web


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

Balise aside

Définit le contenu mis à part le contenu de la page

fonction substr_count, substr_count

Compte le nombre d'occurrences de segments dans une chaîne

Syntaxe JSON

Syntaxe JSON



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci