JavaScript - Fehlersuche - Debugging zur Laufzeit Teil 2
1. Die Abschnitte
- Überblick
- Tools
- Firebug
- Ausgaben an der Konsole Teil 1
- Ausgaben an der Konsole Teil 2
- Feintuning der Konsole
- Debugging zur Laufzeit Teil 1
- Debugging zur Laufzeit Teil 2
2. Mehrere Haltepunkte
Damit wir damit arbeiten können, müsst ihr in der laufzeit_debugging.htm
den Kommentar um die Einbindung von
laufzeit_2.js
herum entfernen und den mit der laufzeit_1.js
entweder löschen oder auskommentieren.
Der Code
Ist ziemlich ipsig. Wir haben den bisherigen Code in ein eine Funktion ausgelagert. Und die rufen wir von außerhalb mehrmals in einer Schleife auf. Dabei übergeben wir deren Zählwert als Parameter an die Funktion.
function count(val)
{
var arr_1 = new Array(1, 4, 12, 7);
var arr_2 = new Array(5, 9, 2, 19);
for (var i = 0; i < 5; i++)
{
var res = arr_1[i] + arr_2[i] + val;
}
}
for (var i = 0; i < 5; i++)
{
count(i);
}
Die Haltepunkte
Durchlauf
- Die "äußere" Schleife wird fünf Mal durchlaufen und die Funktion
count
aufgerufen - Die Funktion
count
arbeitet die eigene Schleife ab. Und die besteht ebenfalls aus fünf Durchgängen -
Wir haben also 30 Haltepunkte.
- Fünf in der "äußeren Schleife plus
- Fünf mal fünf in der Funktion
- Also 30 Mal auf den blauen Pfeil klicken
3. Die Wirkung
Schritt 1
Zuerst springt das Script in die untere Schleife. Das sieht man an dem gelben Pfeil auf dem roten Punkt. Dort wird dann die Funktion
count
aufgerufen.
Schritt 2
Wenn ihr jetzt auf den blauen Pfeil klickt, dann springt das Script in besagte Funktion und stoppt am dortigen Haltepunkt.
4. Links und rechts
Um das zu verstehen, müsst ihr gaaaanz genau in den rechten Block mit den Ausgaben schauen. Und trotzdem dürft ihr den linken Bereich nicht außer Acht lassen. Also immer schön wie bei Y-Tours auf dem Exerzierplatz. Link, rechts, links, rechts.
Ausgabe bei der ersten Schleife
Ausgabe bei der Schleife innerhalb der Funktion
5. Fazit
Ich habe euch hier einen Einblick in die Debugging-Möglichkeiten von Firebug im Bezug auf JavaScript gegeben. Nun ist es an euch, dieses Wissen zu nutzen und zu vertiefen. Setzt euch ruhig mal einen Abend hin und spielt verschiedene Dinge durch. Im Laufe der Zeit seid ihr dann in der Lage, die meisten JavaScript-Fehler dank Firebug zu beseitigen.