Editing 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'''
[[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===
<u>Ausnahmen für Laufzeitfehler erstellen:</u>


*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 Objekt, das Details zum auftretenden Problem enthält (siehe 2. catch-Block im Beispiel unten:)


<pre>
"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);
}
</pre>

===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)


<u>Beispiele für console.log():</u>

<pre>

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