Difference between revisions of "JavaScript 1 Fehlerbehandlung"
Jump to navigation
Jump to search
(46 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
==Fehlerbehandlung== | ==Fehlerbehandlung== | ||
===The debugger is your friend=== | |||
Alle modernen Browser stellen ausgezeichnete Entwickler Tools zu Verfügung. | |||
*Öffnen der Entwickler Tools (in den gängigen Browsern): | |||
**Rechts-Click und auf '''Untersuchen''' klicken, Tastaturkürzel: '''STRG + Shift + I''' | |||
[[File:Screenshot-debugger-chrome.png|800px]] | |||
*Hier ein gutes Video zum JavaScript Debugging in Chrome | |||
**Link: https://www.youtube.com/watch?v=H0XScE08hy8 | |||
===Try, Catch=== | ===Try, Catch=== | ||
Line 7: | Line 15: | ||
*Im '''try-Block''' versucht das Programm die gewünschte Aktion auszuführen | *Im '''try-Block''' versucht das Programm die gewünschte Aktion auszuführen | ||
*Ein '''try-Block''' darf niemals allein stehen. Es muss sich ein '''catch-Block''' anschließen | *Ein '''try-Block''' darf niemals allein stehen. Es muss sich ein '''catch-Block''' anschließen | ||
*Bei Laufzeitfehler, erzeugt JavaScript automatisch ein Objekt, das Details zum auftretenden Problem enthält (siehe 2. catch-Block im Beispiel unten:) | *Bei Laufzeitfehler, erzeugt JavaScript automatisch ein "Error" Objekt, das Details zum auftretenden Problem enthält (siehe 2. catch-Block im Beispiel unten:) | ||
Line 40: | Line 48: | ||
*Gibt eine Nachricht auf der Web-Konsole aus. | *Gibt eine Nachricht auf der Web-Konsole aus. | ||
*ist äußerst hilfreich beim Debugging | *ist äußerst hilfreich beim Debugging | ||
*Vorteil zu alert: JavaScript Programm kann ohne Pausieren weiterlaufen (beim alert() Befehl stoppt das Programm) | *Vorteil zu alert: JavaScript Programm kann ohne Pausieren weiterlaufen (beim '''alert()''' Befehl stoppt das Programm) | ||
Line 47: | Line 55: | ||
<pre> | <pre> | ||
let | let testString = "Hallo"; | ||
console.log( | console.log(testString); | ||
let fruits = ["Apfel", "Banane", "Kiwi"]; | |||
console.log(fruits); | |||
console.log(fruits[1]); | |||
let number = 10; | |||
console.log(`Meine Lieblingszahl ist ${number}`); | |||
</pre> | </pre> |
Latest revision as of 10:50, 16 May 2022
Fehlerbehandlung[edit]
The debugger is your friend[edit]
Alle modernen Browser stellen ausgezeichnete Entwickler Tools zu Verfügung.
- Öffnen der Entwickler Tools (in den gängigen Browsern):
- Rechts-Click und auf Untersuchen klicken, Tastaturkürzel: STRG + Shift + I
- Hier ein gutes Video zum JavaScript Debugging in Chrome
Try, Catch[edit]
Ausnahmen für Laufzeitfehler erstellen:
- Im try-Block versucht das Programm die gewünschte Aktion auszuführen
- Ein try-Block darf niemals allein stehen. Es muss sich ein catch-Block anschließen
- Bei Laufzeitfehler, erzeugt JavaScript automatisch ein "Error" Objekt, das Details zum auftretenden Problem enthält (siehe 2. catch-Block im Beispiel unten:)
"use strict"; let a = 1.123456789123456789123456789; let x = prompt("Wie viele Stellen sollen angezeigt werden?"); try { // reduziert die Anzahl der Nachkommastellen auf die Zahl // die der User eingibt let b = a.toPrecision(x); document.write("Wert mit der gewünschten Präzision: " + b + "<br>"); } catch { alert("Gib einen Wert zwischen 1 und 100 ein!"); } document.write("Weitere Inhalte"); //Alternative für catch Block //Mit err kann auf das Fehler-Objekt zugegriffen werden, Attribute name ist die Bezeichnung des Fehlers //Attribut message ist die Fehlermeldung catch(err) { alert(err.name); alert(err.message); }
console.log() is your friend[edit]
- Gibt eine Nachricht auf der Web-Konsole aus.
- ist äußerst hilfreich beim Debugging
- Vorteil zu alert: JavaScript Programm kann ohne Pausieren weiterlaufen (beim alert() Befehl stoppt das Programm)
Beispiele für console.log():
let testString = "Hallo"; console.log(testString); let fruits = ["Apfel", "Banane", "Kiwi"]; console.log(fruits); console.log(fruits[1]); let number = 10; console.log(`Meine Lieblingszahl ist ${number}`);