중첩 된 메서드 내에서 객체를 참조하는 방법

Question

다음 코드를 참조하십시오.

object.waypoint=function() { 
    this.uw=setInterval(function() { 
     console.log(this); 
    }, 200); 
} 

어떻게 "이"하지만 개체를 ​​참조하지 않는 것 키워드로 그것을 시도, 내가 선 세에 함수 내에서 "개체"를 참조하십시오 않습니다.

Answer 1

내부 setInterval this은 창을 나타냅니다. this을 참조하는 변수를 만들어야합니다.

object.waypoint=function() { 
    var me = this; 

    this.uw=setInterval(function() { 
     console.log(me); 
    }, 200); 
} 

Answer 2

일반적인 방법은 다음 적절한 this에 액세스하는데 사용할 수있는 것으로, 변수에 this에 대한 참조를 저장하는 것입니다 :

object.waypoint=function() { 
    // Keep a reference to this in a variable 
    var that = this; 
    that.uw=setInterval(function() { 
     // Now you can get access to this in here as well through the variable 
     console.log(that); 
    }, 200); 
} 

Answer 3

내가 bind 깔끔한 솔루션입니다 생각을 - 그것은 모든 브라우저에서 구현되지는 않지만 workarounds이 있습니다. 적절한 문서에 대한

object.waypoint = function(){ 
    this.uw = setInterval(function(){ 
     console.log(this); 
    }.bind(this), 200); 
} 

참조 MDN page는