La gestion des exceptions en javascript

.....

La gestion des exceptions en javascript

JavaScript cours tutorial

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>

 



Par carabde 30 mars 2014