oujood.com

L’instruction Try...Catch de JavaScript

L’instruction try catch tester un bloc de code pour les erreurs. Le bloc try contient le code à exécuter. Le bloc catch contient le code à exécuter
Même si nous sommes très doués en programmation, il arrive que nos scripts comportent des erreurs. Elles peuvent survenir à cause de nos erreurs, d'une entrée utilisateur inattendue, d'une réponse erronée du serveur, et pour mille autres raisons.

Gestion des erreurs, l’instruction "try...catch"

try .. catch (qu'on peut traduire par: essayer...attraper
Habituellement, un script "meurt" (s'arrête immédiatement) en cas d'erreur, en l'imprimant sur la console.
Mais il existe une construction syntaxique try...catch qui nous permet d'"attraper" les erreurs afin que le script puisse, au lieu de mourir, faire quelque chose de plus raisonnable.

L’instruction try...catch vous permet de tester un bloc de code pour intercepter les erreurs.
Le bloc try est obligatoire il contient le code qui doit être surveillé pour les erreurs.
Le bloc catch est facultatif, il doit contenir le code à executer si une une erreur est interceptée par le bloc try


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!

Elle fonctionne comme suit :
1 D'abord, le code dans try {...} est exécuté.
2 S'il n'y a pas d'erreur, alors catch (err) est ignoré : l'exécution atteint la fin de try et continue, en sautant catch.
3 Si une erreur se produit, alors l'exécution de try est arrêtée, et le contrôle passe au début de catch (err). La variable err (nous pouvons utiliser n'importe quel nom pour elle) contiendra un objet d'erreur avec des détails sur ce qui s'est passé.

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().
L'anomalie est une faute d'orthographe dans alert() qui est comme ceci: dlert(). Une erreur JavaScript se produitdans le bloc try.
Le bloc catch intercepte cette 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

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
 <title>Gestion des erreurs, l’instruction try...catch</title>
 <script type="text/javascript">
var txt="";
function message() 
{
try
  {
  dlert("Bienvenue visiteur !") ;
  }
catch(err)
  {
  txt="Une erreur s'est produite sur cette page" ;
  txt+="Cliquez sur OK pour continuer à consulter cette page,\n" ;
  txt+="ou Annuler pour revenir à la page d'accueil." ;
  if(!confirm(txt))
    {
    document.location.href="http://www.oujood.com/";
    }
  }
}
</script>
</head>

<body>

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

</body>

</html>

 



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 :

fonction crypt

Hachage sens unique (indéchiffrable)

Balise nav

Définit les liens de navigation

fonction get_html_translation_table

Retourne la table de traduction des entités utilisée par htmlspecialchars et htmlentities



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