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.

zurück zum vorherigen Abschnitt