JavaScript 프로그램의 디버깅의 경우 Console.log ()를 사용하는 경우 Alert () 기능이 있기 때문에 Alert () 함수는 JavaScript 프로그램의 실행을 차단하여 부작용을 유발합니다. Console.log ()는 콘솔에서 관련 정보 만 인쇄하므로 비슷한 우려 사항을 유발하지 않습니다.
console.log () 란 무엇입니까?
매우 오래된 버전의 브라우저를 제외하고 오늘날 대부분의 브라우저에는 디버깅 기능이 제공됩니다. 디버깅 기능이 없더라도 플러그인을 설치하여 보충 할 수 있습니다. 예를 들어, 기존 버전의 Firefox에는 디버깅 도구가 제공되지 않습니다. 이 경우 Firebug 플러그인을 설치하여 디버깅 기능을 추가 할 수 있습니다. 디버깅 기능이있는 브라우저에서 콘솔이라는 멤버 변수가 디버깅 도구의 콘솔을 참조하여 창 객체에 등록됩니다. 콘솔 객체의 log () 함수를 호출하면 콘솔에서 정보를 인쇄 할 수 있습니다. 예를 들어, 다음 코드는 콘솔에서 "샘플 로그"를 인쇄합니다.
코드 사본은 다음과 같습니다.
window.console.log ( "샘플 로그");
위의 코드는 창 객체를 무시하고 다음과 같이 직접적으로 축약 할 수 있습니다.
코드 사본은 다음과 같습니다.
Console.log ( "샘플 로그");
Console.log ()는 모든 문자열, 번호 및 JavaScript 객체를 허용 할 수 있습니다. Alert () 함수와 유사하게 Console.log ()는 Newlines/N 및 Tab 문자/T를 허용 할 수 있습니다.
Console.log () 문에 인쇄 된 디버깅 정보는 브라우저의 디버깅 콘솔에서 볼 수 있습니다. 각 브라우저의 특정 시청 방법은 다음 웹 페이지를 참조하십시오.
http://stackoverflow.com/questions/4743730/what-is-console-log-and-how-i-i-use-it
Console.log ()의 동작은 브라우저에 따라 다를 수 있습니다. 이 기사는 주로 FireBug에서 Console.log () 사용에 대해 설명합니다.
디버그 콘솔이없는 브라우저와 호환됩니다
디버그 콘솔이 부족한 이전 브라우저의 경우 창에있는 콘솔 객체가 존재하지 않으므로 Console.log () 문을 직접 사용하면 브라우저 내부에서 오류 (NULL 포인터 오류)가 발생할 수 있으며 일부 이전 브라우저에서는 충돌이 발생할 수 있습니다. 이 문제를 해결하기 위해 콘솔 객체를 수동으로 정의하고 콘솔 객체의 로그 기능이 빈 함수임을 선언 할 수 있습니다. 이런 식으로 Console.log () 명령문이 실행되면이 기존 버전의 브라우저는 아무것도하지 않습니다.
코드 사본은 다음과 같습니다.
if (! window.console) {
window.console = {log : function () {}};
}
그러나 대부분의 경우이 호환성 작업을 수행 할 필요가 없습니다. Console.log ()와 같은 디버깅 코드는 최종 제품 코드에서 제거해야합니다.
사용 매개 변수
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 세입니다."입니다.
다른 로그 레벨을 사용하십시오
Console.log () 외에도 FireBug는 다양한 로그 레벨과 같은 다양한 로그 레벨을 지원합니다 : 디버그, 정보, 경고, 오류. 다음 코드는 콘솔에서 이러한 다른 로그 레벨을 인쇄합니다.
코드 사본은 다음과 같습니다.
// 다른 로깅 레벨을 사용합니다
Console.log ( "로그 레벨");
Console.debug ( "디버그 레벨");
console.info ( "정보 레벨");
Console.warn ( "WARN LEVEL");
Console.error ( "오류 레벨");
Firebug 콘솔에서 다른 로그 레벨에서 정보의 색상과 아이콘이 다르다는 것을 알 수 있습니다. 동시에 콘솔에서 다른 로그 레벨을 선택하여 다음 정보를 필터링 할 수 있습니다.