1. console.log () 란 무엇입니까?
매우 오래된 버전의 브라우저를 제외하고 오늘날 대부분의 브라우저에는 디버깅 기능이 없더라도 플러그인을 설치하여 보충 할 수 있습니다. 예를 들어, 기존 버전의 Firefox에는 디버깅 도구가 제공되지 않으므로 Firebug 플러그인을 설치하여 디버깅 기능을 추가 할 수 있습니다. 디버깅 기능이있는 브라우저에서 콘솔이라는 멤버 변수가 디버깅 도구의 콘솔을 참조하여 창 객체에 등록됩니다. 콘솔 객체의 log () 함수를 호출하면 콘솔에서 정보를 인쇄 할 수 있습니다. 예를 들어, 다음 코드는 콘솔에서 "샘플 로그"를 인쇄합니다.
코드 사본은 다음과 같습니다. Window.console.log ( "샘플 로그");
위의 코드는 창 객체를 무시하고 다음과 같이 직접적으로 축약 할 수 있습니다.
코드 사본은 다음과 같습니다. console.log ( "샘플 로그");
Console.log ()는 모든 문자열, 번호 및 JavaScript 객체를 허용 할 수 있습니다. Alert () 함수와 유사하게 Console.log ()는 Newlines/N 및 Tab 문자/T를 허용 할 수 있습니다. Console.log () 문에 인쇄 된 디버깅 정보는 브라우저의 디버깅 콘솔에서 볼 수 있습니다. Console.log ()의 동작은 주로 Firebug에서 Console.log ()의 사용에 대해 다를 수 있습니다.
2. 콘솔을 디버깅하지 않고 브라우저와 호환됩니다
디버그 콘솔이없는 기존 브라우저의 경우 창의 콘솔 객체가 존재하지 않으므로 Console.log () 문을 직접 사용하면 브라우저 내부에서 오류가 발생할 수 있으며 결국에는 일부 기존 버전 브라우저 충돌이 발생할 수 있습니다. 이 문제를 해결하려면 콘솔 객체를 수동으로 정의하고 콘솔 객체의 로그 기능이 빈 함수라고 선언 할 수 있습니다. :
다음과 같이 코드를 복사하십시오. if (! window.console) {
window.console = {log : function () {}};
}
그러나 대부분의 경우이 호환성 작업을 수행 할 필요가 없습니다. Console.log ()와 같은 디버깅 코드는 최종 제품 코드에서 제거해야합니다.
3. 매개 변수를 사용하십시오
Alert () 함수와 유사하게, Console.log ()는 변수를 수락하여 다른 문자열과 함께 연결할 수 있습니다.
다음과 같이 코드를 복사하십시오. // 변수 사용
var name = "bob";
console.log ( "이름은 :" + name);
Alert () 함수와 달리 Console.log ()는 변수를 문자열로 전달할 매개 변수로 수락 할 수 있으며 특정 구문은 C 언어의 Printf 구문과 일치합니다.
다음과 같이 코드를 복사하십시오. // 매개 변수 사용
var people = "Alex";
var 년 = 42;
console.log ( " %s는 %d 년입니다.", 사람, 년);
위의 코드의 실행 결과는 "Alex는 42 세입니다."입니다.
4. 다른 로그 레벨을 사용하십시오
Console.log () 외에도 FireBug는 다양한 로그 레벨과 같은 다양한 로그 레벨을 지원합니다 : 디버그, 정보, 경고, 오류. 다음 코드는 콘솔에서 이러한 다른 로그 레벨을 인쇄합니다.
다음과 같이 코드를 복사하십시오. // 다른 로깅 레벨을 사용하십시오
Console.log ( "로그 레벨");
Console.debug ( "디버그 레벨");
console.info ( "정보 레벨");
Console.warn ( "WARN LEVEL");
Console.error ( "오류 레벨");
Firebug 콘솔에서 다른 로그 레벨에서 정보의 색상과 아이콘이 동시에 다른 로그 레벨을 선택 하여이 정보를 필터링 할 수 있습니다.