JavaScript 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

• Hier ein gutes Video zum JavaScript Debugging in Chrome
  • Link: https://www.youtube.com/watch?v=H0XScE08hy8

Try, Catch

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

• 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}`);