Saat menggunakan Console.log () atau fungsi output konsol tingkat log lainnya, output log tidak memiliki hubungan hierarkis. Ketika ada banyak output log dalam program, batasan ini akan menyebabkan banyak masalah. Untuk mengatasi masalah ini, Console.group () dapat digunakan. Kode berikut adalah contoh:
Salinan kode adalah sebagai berikut:
function dotask () {
dosubtaska (1000);
dosubtaska (100000);
console.log ("Task Tahap 1 selesai");
dosubtaskb (10000);
Console.log ("Task Tahap 2 selesai");
dosubtaskc (1000.10000);
console.log ("Task Tahap 3 selesai");
}
fungsi dosubtaska (count) {
console.log ("Mulai Sub Tugas A");
untuk (var i = 0; i <count; i ++) {}
}
fungsi dosubtaskb (count) {
Console.log ("Mulai Sub Tugas B");
untuk (var i = 0; i <count; i ++) {}
}
fungsi dosubtaskc (countx, county) {
Console.log ("Mulai Sub Tugas C");
untuk (var i = 0; i <countx; i ++) {
untuk (var j = 0; j <county; j ++) {}
}
}
dotask ();
Output di konsol Firebug adalah:
Dapat dilihat bahwa tidak ada perbedaan antara output log yang harus memiliki tingkat hubungan tertentu saat ditampilkan. Untuk menambahkan hubungan hierarkis, Anda dapat mengelompokkan output log, masukkan console.group () di awal pengelompokan, dan masukkan console.groupend () di akhir pengelompokan:
Salinan kode adalah sebagai berikut:
function dotask () {
console.group ("grup tugas");
dosubtaska (1000);
dosubtaska (100000);
console.log ("Task Tahap 1 selesai");
dosubtaskb (10000);
Console.log ("Task Tahap 2 selesai");
dosubtaskc (1000.10000);
console.log ("Task Tahap 3 selesai");
console.groupend ();
}
fungsi dosubtaska (count) {
Console.group ("Sub Tugas A Group");
console.log ("Mulai Sub Tugas A");
untuk (var i = 0; i <count; i ++) {}
console.groupend ();
}
fungsi dosubtaskb (count) {
console.group ("Sub Task B Group");
Console.log ("Mulai Sub Tugas B");
untuk (var i = 0; i <count; i ++) {}
console.groupend ();
}
fungsi dosubtaskc (countx, county) {
console.group ("Sub Task C Group");
Console.log ("Mulai Sub Tugas C");
untuk (var i = 0; i <countx; i ++) {
untuk (var j = 0; j <county; j ++) {}
}
console.groupend ();
}
dotask ();
Hasil output di konsol firebug setelah memasukkan pernyataan konsol.group () adalah:
Dukungan Browser
Console.group (), seperti Console.log (), mendukung lebih baik di browser dengan alat debugging, dan semua browser utama mendukung fungsi ini.