Heim > Web-Frontend > js-Tutorial > So debuggen Sie Code, wenn js auf Codeprobleme stößt

So debuggen Sie Code, wenn js auf Codeprobleme stößt

angryTom
Freigeben: 2020-02-05 17:54:19
nach vorne
2226 Leute haben es durchsucht

Dieser Artikel stellt die Debugging-Methode vor, falls Sie beim Schreiben von JavaScript-Code auf Probleme stoßen. Ich hoffe, dass er allen Schülern, die JavaScript lernen, hilfreich sein wird!

So debuggen Sie Code, wenn js auf Codeprobleme stößt

So debuggen Sie Code, wenn js auf Codeprobleme stößt

Einzelschritt-Tracking-Debugger;

Die Konsole Die Überwachungsfunktion prüft den aktuellen Wert der Variablen

Gibt die Funktionsoperation ein

As Die Zeit läuft weiter. Klicken Sie, um die Schleife fortzusetzen, und der Wert der angegebenen Variablen ändert sich ebenfalls

Haltepunkt hinzufügen

Einspringen Springen aus der Funktion

throw new Error() löst aktiv eine Ausnahme aus

Der folgende Code wird nicht mehr ausgeführt

Der Code springt zu der Try-Anweisung, die diesem Satz am nächsten liegt

Verwenden Sie

try{
}catch(e){
}
Nach dem Login kopieren

, um die Ausnahme


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        try{
            var foo={};
            console.log(foo.pro);
        }catch(e){
            console.log(e);//undefined
        }finally{
            console.log(&#39;异常导致程序中止啦~&#39;);//异常导致程序中止啦~
        }
    </script>
</body>
</html>
Nach dem Login kopieren

zu erhalten

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        function multi(num1, num2){
            if(typeof num1 != "number" || typeof num2 != "number"){
                throw new Error(&#39;必须输入数字!!!&#39;);
            }
            console.log(num1*num2);
        }

        try{
            //multi("a", "b");//Error: 必须输入数字!!!
            multi(1, 2);//2

        }catch(e){
            console.log(e);
        }finally{
            console.log(&#39;不管有没有异常我都要执行哈~&#39;);
        }
    </script>
</body>
</html>
Nach dem Login kopieren

Dieser Artikel stammt aus der Spalte js-Tutorial , willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonSo debuggen Sie Code, wenn js auf Codeprobleme stößt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:cnblogs.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage