เมื่อใช้ console.log () หรือฟังก์ชั่นเอาต์พุตคอนโซลระดับบันทึกอื่น ๆ เอาต์พุตบันทึกไม่มีความสัมพันธ์แบบลำดับชั้น เมื่อมีเอาต์พุตบันทึกจำนวนมากในโปรแกรมข้อ จำกัด นี้จะทำให้เกิดปัญหาอย่างมาก ในการแก้ปัญหานี้สามารถใช้ console.group () รหัสต่อไปนี้เป็นตัวอย่าง:
การคัดลอกรหัสมีดังนี้:
ฟังก์ชัน dotask () {
Dosubtaska (1,000);
Dosubtaska (100000);
console.log ("ขั้นตอนงาน 1 เสร็จสิ้น");
Dosubtaskb (10,000);
console.log ("งานขั้นตอนที่ 2 เสร็จสมบูรณ์");
Dosubtaskc (1,000,10000);
console.log ("ขั้นตอนที่ 3 เสร็จสมบูรณ์");
-
ฟังก์ชั่น dosubtaska (นับ) {
console.log ("เริ่มงานย่อย A");
สำหรับ (var i = 0; i <count; i ++) {}
-
ฟังก์ชั่น dosubtaskb (นับ) {
console.log ("เริ่มงานย่อย B");
สำหรับ (var i = 0; i <count; i ++) {}
-
ฟังก์ชั่น dosubtaskc (Countx, County) {
console.log ("เริ่มงานย่อย C");
สำหรับ (var i = 0; i <countx; i ++) {
สำหรับ (var j = 0; j <county; j ++) {}
-
-
Dotask ();
ผลลัพธ์ในคอนโซล Firebug คือ:
จะเห็นได้ว่าไม่มีความแตกต่างระหว่างเอาต์พุตบันทึกที่ควรมีระดับความสัมพันธ์ที่แน่นอนเมื่อแสดง เพื่อเพิ่มความสัมพันธ์แบบลำดับชั้นคุณสามารถจัดกลุ่มเอาต์พุตบันทึกแทรกคอนโซล. กลุ่ม () ที่จุดเริ่มต้นของการจัดกลุ่มและแทรกคอนโซล. Groupend () ในตอนท้ายของการจัดกลุ่ม:
การคัดลอกรหัสมีดังนี้:
ฟังก์ชัน dotask () {
console.group ("กลุ่มงาน");
Dosubtaska (1,000);
Dosubtaska (100000);
console.log ("ขั้นตอนงาน 1 เสร็จสิ้น");
Dosubtaskb (10,000);
console.log ("งานขั้นตอนที่ 2 เสร็จสมบูรณ์");
Dosubtaskc (1,000,10000);
console.log ("ขั้นตอนที่ 3 เสร็จสมบูรณ์");
console.groupend ();
-
ฟังก์ชั่น dosubtaska (นับ) {
console.group ("งานย่อยกลุ่ม");
console.log ("เริ่มงานย่อย A");
สำหรับ (var i = 0; i <count; i ++) {}
console.groupend ();
-
ฟังก์ชั่น dosubtaskb (นับ) {
console.group ("กลุ่มงานย่อย B");
console.log ("เริ่มงานย่อย B");
สำหรับ (var i = 0; i <count; i ++) {}
console.groupend ();
-
ฟังก์ชั่น dosubtaskc (Countx, County) {
console.group ("กลุ่มงานย่อย C กลุ่ม");
console.log ("เริ่มงานย่อย C");
สำหรับ (var i = 0; i <countx; i ++) {
สำหรับ (var j = 0; j <county; j ++) {}
-
console.groupend ();
-
Dotask ();
ผลลัพธ์ผลลัพธ์ในคอนโซล Firebug หลังจากแทรกคำสั่ง console.group () คือ:
การสนับสนุนเบราว์เซอร์
console.group () เช่น console.log () รองรับดีกว่าในเบราว์เซอร์ด้วยเครื่องมือการดีบักและเบราว์เซอร์หลักทั้งหมดรองรับฟังก์ชั่นนี้