JavaScript Try ... Catch Déclaration
Le try ... catch vous permet de tester un bloc de code pour les erreurs.
JavaScript - Interception des erreurs
Lorsque vous naviguez sur des pages Web sur Internet, nous avons tous vu un message d'alerte JavaScript nous disent qu'il ya une erreur d'exécution et en demandant "Voulez-vous déboguer?".Message d'erreur comme cela peut être utile pour les développeurs, mais pas pour les utilisateurs.Lorsque les utilisateurs voient des erreurs, ils quittent souvent la page Web.
Ce chapitre va vous apprendre comment attraper et traiter les messages d'erreur JavaScript, donc vous ne perdez pas votre auditoire.
Le try ... catch
Le try ... catch vous permet de tester un bloc de code pour les erreurs. Le bloc try contient le code à exécuter, et le bloc catch contient le code à exécuter si une erreur se produit.
Syntaxe
try
{
//Run some code here
}
catch(err)
{
//Handle errors here
}
{
//Run some code here
}
catch(err)
{
//Handle errors here
}
Notez que try ... catch est écrit en lettres minuscules. Utilisation de lettres majuscules génère une erreur JavaScript!
Exemples
L'exemple ci-dessous est censé alerter "Bienvenue invité!" lorsque le bouton est cliqué. Cependant, il ya une faute de frappe en fonction du 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é en informer l'utilisateur ce qui s'est passé:
Exemple
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
Essayez vous-même »
L'exemple suivant utilise une boîte de confirmation pour afficher un message personnalisé indiquant aux utilisateurs qu'ils peuvent cliquez sur OK pour poursuivre la lecture de la page ou cliquez sur Annuler pour aller à la page d'accueil. Si la méthode de confirmation retourne false, l'utilisateur a cliqué sur Annuler, et le code redirige l'utilisateur. Si la méthode de confirmation retourne true, le code ne fait rien:
Exemple
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Click OK to continue viewing this page,\n";
txt+="or Cancel to return to the home page.\n\n";
if(!confirm(txt))
{
document.location.href="http://www.w3schools.com/";
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Click OK to continue viewing this page,\n";
txt+="or Cancel to return to the home page.\n\n";
if(!confirm(txt))
{
document.location.href="http://www.w3schools.com/";
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
Essayez vous-même »
L'instruction throw
L'instruction throw peut être utilisé conjointement avec le try ... catch, afin de créer une exception pour l'erreur. En savoir plus sur l'instruction throw dans le chapitre suivant.
0 commentaires:
Post a Comment
HELLO VISITORS THANKS FOR YOUR VISIT AND COMMENT