Bei der Verwendung von Konsolen.log () oder anderen Konsolenausgabemöglichkeiten auf Protokollebene hat die Protokollausgabe keine hierarchische Beziehung. Wenn das Programm eine Menge Protokollausgabe gibt, verursacht diese Einschränkung erhebliche Probleme. Um dieses Problem zu lösen, kann Console.group () verwendet werden. Der folgende Code ist ein Beispiel:
Die Codekopie lautet wie folgt:
Funktion dotask () {
dosubtaska (1000);
dosubtaska (100000);
console.log ("Task Stufe 1 ist abgeschlossen");
dosubtaskb (10000);
console.log ("Task Stufe 2 ist abgeschlossen");
dosubtaskc (1000.10000);
console.log ("Task Stufe 3 ist abgeschlossen");
}
Funktion dosubtaska (count) {
console.log ("sub task a");
für (var i = 0; i <count; i ++) {}
}
Funktion dosubtaskb (count) {
console.log ("Sub -Aufgabe b");
für (var i = 0; i <count; i ++) {}
}
Funktion dosubtaskc (countx, County) {
console.log ("Sub -Aufgabe starten");
für (var i = 0; i <countx; i ++) {
für (var j = 0; j <County; j ++) {}
}
}
dotask ();
Die Ausgabe in der Firebug -Konsole lautet:
Es ist zu erkennen, dass es keinen Unterschied zwischen Protokollausgaben gibt, die bei der Anzeige eine bestimmte Beziehung haben sollten. Um hierarchische Beziehungen hinzuzufügen, können Sie die Protokollausgabe gruppieren, Konsole einfügen.
Die Codekopie lautet wie folgt:
Funktion dotask () {
console.group ("Taskgruppe");
dosubtaska (1000);
dosubtaska (100000);
console.log ("Task Stufe 1 ist abgeschlossen");
dosubtaskb (10000);
console.log ("Task Stufe 2 ist abgeschlossen");
dosubtaskc (1000.10000);
console.log ("Task Stufe 3 ist abgeschlossen");
console.groupend ();
}
Funktion dosubtaska (count) {
console.group ("sub task a gruppe");
console.log ("sub task a");
für (var i = 0; i <count; i ++) {}
console.groupend ();
}
Funktion dosubtaskb (count) {
console.group ("sub task b -Gruppe");
console.log ("Sub -Aufgabe b");
für (var i = 0; i <count; i ++) {}
console.groupend ();
}
Funktion dosubtaskc (countx, County) {
console.group ("sub task c Group");
console.log ("Sub -Aufgabe starten");
für (var i = 0; i <countx; i ++) {
für (var j = 0; j <County; j ++) {}
}
console.groupend ();
}
dotask ();
Die Ausgabe führt zur Firebug -Konsole nach Einsetzen der Konsole.group () -Antage lautet:
Browserunterstützung
console.group () wie console.log () unterstützt besser in Browsern mit Debugging -Tools, und alle großen Browser unterstützen diese Funktion.