JavaScript_javascript 기술의 console.dir() 함수 소개

JavaScript 프로그램을 디버깅할 때 특정 개체의 세부정보를 덤프해야 하는 경우가 있습니다. 이 작업은 JavaScript 코드를 수동으로 작성하여 수행할 수 있습니다. 객체의 속성을 반복하고 반복된 각 속성 값을 인쇄하는 것은 이 프로세스가 상대적으로 번거롭다는 것을 알 수 있습니다. 디버깅 도구가 있는 브라우저에서는 console.dir() 문을 통해 이 작업을 쉽게 수행할 수 있습니다.

console.dir() 사용법

console.dir()의 사용은 매우 간단합니다. 덤프해야 하는 개체를 이 문에 직접 전달하기만 하면 됩니다. 예:

console.dir()을 사용하면 새로 생성된 cat 객체 정보를 덤프합니다. Firebug 콘솔에 표시되는 결과는 다음과 같습니다.

덤핑해야 할 것이 DOM 객체인 경우 console.dirxml()을 사용하면 더 나은 표시 효과를 얻을 수 있습니다.

브라우저 지원

console.dir() 및 console.dirxml()은 디버깅 도구가 있는 브라우저에서 더 잘 지원되며 모든 주요 브라우저는 이 기능을 지원합니다.