Al usar console.log () u otras funciones de salida de consola de nivel de registro, la salida de registro no tiene una relación jerárquica. Cuando hay mucha salida de registro en el programa, esta limitación causará problemas considerables. Para resolver este problema, se puede usar console.group (). El siguiente código es un ejemplo:
La copia del código es la siguiente:
función dotask () {
dosubtaska (1000);
dosubtaska (100000);
console.log ("Se completa la etapa 1 de la tarea");
dosubtaskb (10000);
console.log ("Se completa la etapa 2 de la tarea");
dosubtaskc (1000,10000);
console.log ("Se completa la etapa 3 de la tarea");
}
función dosubtaska (count) {
console.log ("Sub -tarea A");
para (var i = 0; i <count; i ++) {}
}
función dosubtaskb (count) {
console.log ("Sub tarea B");
para (var i = 0; i <count; i ++) {}
}
función dosubtaskc (countx, condado) {
console.log ("Sub -tarea C de inicio C");
para (var i = 0; i <countx; i ++) {
para (var j = 0; j <condado; j ++) {}
}
}
dotask ();
La salida en la consola Firebug es:
Se puede ver que no hay diferencia entre las salidas de registro que deberían tener un cierto nivel de relación cuando se muestra. Para agregar relaciones jerárquicas, puede agrupar la salida de registro, insertar console.group () al comienzo de la agrupación e insertar console.groupend () al final de la agrupación:
La copia del código es la siguiente:
función dotask () {
console.group ("grupo de tareas");
dosubtaska (1000);
dosubtaska (100000);
console.log ("Se completa la etapa 1 de la tarea");
dosubtaskb (10000);
console.log ("Se completa la etapa 2 de la tarea");
dosubtaskc (1000,10000);
console.log ("Se completa la etapa 3 de la tarea");
console.groupend ();
}
función dosubtaska (count) {
console.group ("Sub tarea un grupo");
console.log ("Sub -tarea A");
para (var i = 0; i <count; i ++) {}
console.groupend ();
}
función dosubtaskb (count) {
console.group ("Grupo Sub Tarea B");
console.log ("Sub tarea B");
para (var i = 0; i <count; i ++) {}
console.groupend ();
}
función dosubtaskc (countx, condado) {
console.group ("Sub Tarea C Group");
console.log ("Sub -tarea C de inicio C");
para (var i = 0; i <countx; i ++) {
para (var j = 0; j <condado; j ++) {}
}
console.groupend ();
}
dotask ();
El resultado de la salida en la consola Firebug después de insertar la instrucción console.group () es:
Soporte del navegador
console.group (), como console.log (), admite mejor en los navegadores con herramientas de depuración, y todos los principales navegadores admiten esta función.