При использовании Console.log () или других выходных функций консоли на уровне логарифма вывод журнала не имеет иерархических отношений. Когда в программе будет много выводов журнала, это ограничение вызовет значительные проблемы. Чтобы решить эту проблему, можно использовать console.group (). Следующий код является примером:
Кода -копия выглядит следующим образом:
функция dotask () {
Dosubtaska (1000);
Dosubtaska (100000);
console.log («Стадия 1 задачи завершена»);
dosubtaskb (10000);
console.log («Стадия 2 задачи завершена»);
dosubtaskc (1000 10000);
console.log («Стадия 3 задачи завершена»);
}
функция dosubtaska (count) {
console.log («Начальная суб -задача A»);
for (var i = 0; i <count; i ++) {}
}
функция dosubtaskb (count) {
console.log («Начальная субботная задача B»);
for (var i = 0; i <count; i ++) {}
}
функция dosubtaskc (countx, county) {
console.log («Начальная субботная задача C»);
для (var i = 0; i <countx; i ++) {
for (var j = 0; j <графство; j ++) {}
}
}
dotask ();
Выход в консоли Firebug составляет:
Видно, что между выходами журнала нет различий, которые должны иметь определенный уровень отношений при отображении. Чтобы добавить иерархические отношения, вы можете сгруппировать вывод журнала, вставьте консоль.
Кода -копия выглядит следующим образом:
функция dotask () {
console.group ("Task Group");
Dosubtaska (1000);
Dosubtaska (100000);
console.log («Стадия 1 задачи завершена»);
dosubtaskb (10000);
console.log («Стадия 2 задачи завершена»);
dosubtaskc (1000 10000);
console.log («Стадия 3 задачи завершена»);
console.groupend ();
}
функция dosubtaska (count) {
Console.Group («Sub Touss A Group»);
console.log («Начальная суб -задача A»);
for (var i = 0; i <count; i ++) {}
console.groupend ();
}
функция dosubtaskb (count) {
Console.Group ("Sub Task B Group");
console.log («Начальная субботная задача B»);
for (var i = 0; i <count; i ++) {}
console.groupend ();
}
функция dosubtaskc (countx, county) {
Console.Group ("Sub Task C -группа");
console.log («Начальная субботная задача C»);
для (var i = 0; i <countx; i ++) {
for (var j = 0; j <графство; j ++) {}
}
console.groupend ();
}
dotask ();
Выходные результаты в консоли Firebug после вставки оператора console.group ():
Поддержка браузера
Console.Group (), как и console.log (), лучше поддерживает в браузерах с инструментами отладки, и все основные браузеры поддерживают эту функцию.