이유는이 객체이지만 직접 호출은 다음과 같이 오류

Question

가 발생합니다 :

function Person() { 
    this.name = "john"; 
    this.getName = function() { 
     return this.name; 
    }; 
} 

var me = new Person(); 

왜하고자했다 절차 :

setTimeout(function(){alert(me.getName())}, 3000); 

반환 john 동안 진행 :

setTimeout(me.getName(), 3000); 

는 만들

Uncaught TypeError: Object [object DOMWindow] has no method 'getName' 

Answer 1

문제는 setTimeout이 첫 번째 인수로 함수를 사용한다는 것입니다. 당신의 코드에서

:

에서는 setTimeout (함수() {경고 (me.getName())}, 3000);

함수를 첫 번째 인수로 전달하고 첫 번째 인수로 경고를 평가합니다.

두 번째 조각에서 당신은 기능 그래서이 호출의 결과에 전달되고 있습니다

에서는 setTimeout (me.getName(), 3000);

이되다 :

의 setTimeout ('존', 3000);

setTimeout 방식으로 인해 런타임에서 오류가 발생하는 함수로 호출하려고 시도하는 첫 번째 인수로 문자열을 전달할 수 있습니다.

Answer 2

사용하신 코드가 맞습니까? setTimeout(me.getName(), 3000)은 me.getName을 호출하고 그 결과를 setTimeout의 첫 번째 인수로 전달합니다. 당신이 setTimeout(me.getName, 3000)을 의미하는 경우 기능이 me에 바인딩되지 않기 때문에

그렇게 setTimeout이 window (어디부터 me을 얻을 것? 당신은 함수 자체를 통과)의 맥락에서 그것을 실행,입니다.

setTimeout (me.getName.bind (me), 3000); 

이 이전 버전의 브라우저에서 사용할 수 없지만 MDN page은 대체 구현이 있습니다

대신 익명 함수 내에서 전화를 넣어, 당신은 바인딩을 사용할 수 있습니다.

Answer 3

정답으로 질문에 태그를 추가했습니다 (클로저). 익명 함수에서 코드를 래핑 할 때 이이라는 로컬 변수의 값을 캡처하는 클로저를 만듭니다.

제임스 (James)는 문제의 일부분이 약간 이상하다고 지적했기 때문에.