Ao usar o console.log () ou outras funções de saída do console no nível de log, a saída de log não tem relação hierárquica. Quando há muita saída de log no programa, essa limitação causará problemas consideráveis. Para resolver esse problema, o console.group () pode ser usado. O código a seguir é um exemplo:
A cópia do código é a seguinte:
função Dotask () {
Dosubtaska (1000);
Dosubtaska (100000);
console.log ("estágio 1 da tarefa está concluído");
DosubtaskB (10000);
console.log ("estágio 2 da tarefa está concluído");
Dosubtaskc (1000.10000);
console.log ("O estágio 3 da tarefa está concluído");
}
função Dosubtaska (contagem) {
console.log ("Sub -tarefa de partida A");
for (var i = 0; i <contagem; i ++) {}
}
função Dosubtaskb (contagem) {
console.log ("Sub -tarefa de partida B");
for (var i = 0; i <contagem; i ++) {}
}
função Dosubtaskc (countx, condado) {
console.log ("Sub -tarefa inicial c");
for (var i = 0; i <countx; i ++) {
for (var j = 0; j <condado; j ++) {}
}
}
Dotask ();
A saída no console do Firebug é:
Pode -se observar que não há diferença entre as saídas de log que devem ter um certo nível de relacionamento quando exibidas. Para adicionar relacionamentos hierárquicos, você pode agrupar a saída do log, inserir console.group () no início do agrupamento e inserir console.Grupend () no final do agrupamento:
A cópia do código é a seguinte:
função Dotask () {
console.Group ("Grupo de tarefas");
Dosubtaska (1000);
Dosubtaska (100000);
console.log ("estágio 1 da tarefa está concluído");
DosubtaskB (10000);
console.log ("estágio 2 da tarefa está concluído");
Dosubtaskc (1000.10000);
console.log ("O estágio 3 da tarefa está concluído");
console.Grupend ();
}
função Dosubtaska (contagem) {
console.Group ("Sub Task a Group");
console.log ("Sub -tarefa de partida A");
for (var i = 0; i <contagem; i ++) {}
console.Grupend ();
}
função Dosubtaskb (contagem) {
console.Group ("Sub Task B Group");
console.log ("Sub -tarefa de partida B");
for (var i = 0; i <contagem; i ++) {}
console.Grupend ();
}
função Dosubtaskc (countx, condado) {
console.Group ("Sub Task C Group");
console.log ("Sub -tarefa inicial c");
for (var i = 0; i <countx; i ++) {
for (var j = 0; j <condado; j ++) {}
}
console.Grupend ();
}
Dotask ();
O resultado da saída resulta no console do Firebug após a inserção da instrução console.Group () é:
Suporte do navegador
Console.Group (), como console.log (), suporta melhor em navegadores com ferramentas de depuração e todos os principais navegadores suportam essa função.