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"시작);
for (var i = 0; i <countx; i ++) {
for (var j = 0; j <카운티; j ++) {}
}
}
dotask ();
Firebug 콘솔의 출력은 다음과 같습니다.
표시 될 때 특정 수준의 관계가 있어야하는 로그 출력 사이에는 차이가 없음을 알 수 있습니다. 계층 적 관계를 추가하려면 로그 출력을 그룹화하고 그룹화 시작시 콘솔 ()를 삽입하고 그룹화 끝에 Console.groupend ()를 삽입 할 수 있습니다.
코드 사본은 다음과 같습니다.
함수 dotask () {
Console.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 ( "하위 작업 A 그룹");
Console.log ( "하위 작업 시작 a");
for (var i = 0; i <count; i ++) {}
Console.groupend ();
}
기능 dosubtaskb (count) {
Console.group ( "하위 작업 B 그룹");
Console.log ( "하위 작업 B"시작);
for (var i = 0; i <count; i ++) {}
Console.groupend ();
}
기능 dosubtaskc (Countx, County) {
Console.group ( "하위 작업 C 그룹");
Console.log ( "하위 작업 C"시작);
for (var i = 0; i <countx; i ++) {
for (var j = 0; j <카운티; j ++) {}
}
Console.groupend ();
}
dotask ();
Console.group () 문을 삽입 한 후 Firebug 콘솔에서 출력 결과가 나타납니다.
브라우저 지원
Console.log ()과 같은 Console.group ()은 디버깅 도구가있는 브라우저에서 더 나은 지원을 제공하며 모든 주요 브라우저는이 기능을 지원합니다.