console.log(), console.dir() 차이

console.log는 요소를 HTML과 같은 트리 구조로 출력 하고,

DOM 요소에 대해 특별한 처리를 제공.

 

console.dir은 요소를 JSON과 같은 트리 구조로 출력 하고,

DOM JS 객체의 전체 표현을 보려고 할 때 유용.

 

객체는 dir, 나머지는 log로 로깅하면 편하다.

 

아래를 참고하면 console.log의 경우 해당 body의 요소가 출력 되고,

console.dir의 경우 전체 요소가 출력된다.

함수(객체)도 마찬가지로 출력된다.

 

console.log( a() );

console.dir( a() );

를 사용할 경우 ()로 인해 함수를 실행하게 되는 것이므로 둘다 true가 출력되게 된다.