은 기능 개체입니까? console.log가 inspectable Object를 표시하지 않는 이유는 무엇입니까?

Question

var foo = function() {}; 
foo.a = "an attribute"; // set attribute to prove foo is an object 
console.log(foo) // log shows: function() {}; 

기능 foo가 객체라고 생각했지만 Chrome의 console.log가 검사 가능한 객체가 아닌 "function() {}" 인 이유는 무엇입니까? 함수를 로깅 할 때 inspectable Object를 표시 할 수 있습니까?

Answer 1

console.log(foo)을 호출하면 콘솔이 표준화되지 않은 디스플레이를 구성합니다 (EcmaScript의 일부가 아닙니다). 대부분의 경우 (기본 객체가 아닌) 인수의 함수는 toString입니다 (하지만 문자열에 따옴표 추가, 색상 설정, 객체 탐색 기능 제공 등).

toString 함수의 함수는 단순히 코드를 인쇄합니다.

모든 속성을보고 싶다면, 당신이 할 수있는

console.dir(foo); 

또는

console.log("%O", foo); 

당신은 다른 개체 전용 toString 기능을 갖는와 같은 현상을 볼 것 (at least on Chrome)

. 예를 들어

:

var a = new Number(3); 
a.b = 4; 
console.log(a); // logs just 3 
console.dir(a); // lets you see b 

Answer 2

사용 console.dir()는 a

>>>>console.log(foo); 
function() 
>>>>console.dir(foo); 
a   "an attribute" 
prototype Object { } 

Answer 3

dystroy이 옳다 볼 수 있습니다. function은 toString이 코드를 인쇄하는 객체입니다.

console.log(foo.a); 

트릭