Erreur JavaScript

Erreurs JavaScript - lancer, essayer et attraper L'instruction

try teste le bloc de code pour détecter les erreurs.
Erreur de traitement de l'instruction catch. L'instruction
throw crée une erreur personnalisée.

Erreur JavaScript

Lorsque le moteur JavaScript exécute du code JavaScript, diverses choses se produisent erreur.

Peut être une erreur de syntaxe, généralement une erreur de codage ou une faute de frappe faite par le programmeur.

pourrait être une faute d'orthographe ou une fonctionnalité manquante dans la langue (peut-être en raison des différences entre les navigateurs).

L'erreur peut être causée par une sortie incorrecte du serveur ou de l'utilisateur.

Bien sûr, cela pourrait aussi être dû à de nombreux autres facteurs imprévisibles.

JavaScript renvoie une erreur

quand Lorsqu'une erreur se produit, lorsque quelque chose ne va pas, le moteur JavaScript s'arrête généralement et génère un message d'erreur.

Le terme technique pour décrire cette situation est : JavaScript générera une erreur.

JavaScript essayer et attraper

essayer L'instruction nous permet de définir des blocs de code qui sont testés pour les erreurs lors de leur exécution.

catch L'instruction nous permet de définir le bloc de code à exécuter lorsqu'une erreur se produit dans le bloc de code try.

Les instructions JavaScript try et catch apparaissent par paires.

Syntaxe

essayez {
//Exécuter le code ici
} catch(err) {
//Gérez les erreurs ici
>

Instances

Dans l'exemple ci-dessous, nous avons intentionnellement un faute de frappe écrite dans le code du bloc try. L'alerte est intentionnellement écrite comme addlert

Le bloc catch détectera l'erreur dans le bloc try et exécutera le code pour la gérer.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <script>
        var txt="";
        function message(){
            try {
                adddlert("Welcome guest!");
            }
            catch(err) {
                txt="本页有一个错误。\n\n";
                txt+="错误描述：" + err.message + "\n\n";
                txt+="点击确定继续。\n\n";
                alert(txt);
            }
        }
    </script>
</head>
<body>
<input type="button" value="查看消息" onclick="message()" />
</body>
</html>

Exécutez le programme pour l'essayer

Instruction Throw

L'instruction throw nous permet de créer erreurs personnalisées.

Le terme technique correct est : créer ou lever une exception.

Si vous utilisez throw avec try and catch, vous pouvez contrôler le déroulement du programme et générer des messages d'erreur personnalisés.

Syntaxe

lancer une exception

L'exception peut être une chaîne JavaScript, un nombre, une valeur logique ou objet.

Exemple

Cet exemple détecte la valeur de la variable d'entrée. Si la valeur est fausse, une exception (erreur) est levée. catch détectera cette erreur et affichera un message d'erreur personnalisé :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script>
function myFunction(){
try{ 
var x=document.getElementById("demo").value;
if(x=="")    throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10)     throw "太大";
if(x<5)      throw "太小";
}
catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}
}
</script>
</head>
<body>
<h1>我的第一个 JavaScript</h1>
<p>请输出一个 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="mess"></p>
</body>
</html>

Exécutez le programme et essayez-le

Remarque, s'il y a une erreur dans getElementById fonction, l'exemple ci-dessus générera également une erreur.

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> function myFunction(){ try{ var x=document.getElementById("demo").value; if(x=="") throw "值为空"; if(isNaN(x)) throw "不是数字"; if(x>10) throw "太大"; if(x<5) throw "太小"; } catch(err){ var y=document.getElementById("mess"); y.innerHTML="错误：" + err + "。"; } } </script> </head> <body> <h1>我的第一个 JavaScript</h1> <p>请输出一个 5 到 10 之间的数字:</p> <input id="demo" type="text"> <button type="button" onclick="myFunction()">测试输入</button> <p id="mess"></p> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Erreur JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]