중첩 된 함수 매개 변수와 'this'context in Javascript

Question

두 객체를 사용하여 함수 호출 체인을 만들려고합니다.

내가 할 노력하고있어 설명하기 위해 코드에 주석을 추가 한 :

function Huh(parentContext) { 
this.parentContext = parentContext; 
this.check = function() { 
    console.log(parentContext); 
} 
this.DoWork = function(successFunc) { 
    console.log('Huh.DoWork'); 
    successFunc('yay');  
};} 

function Thing() { 
this.nextSuccess = function(e) {  
    console.log('nextSuccess ' + e); 
}; 

this.success = function(e) { 
    console.log('success!! ' + e); 

    var h = new Huh(this); // It looks like 'this' doesn't mean the Thing context any more. ?!?! 
    //h.check();  
    h.DoWork(this.nextSuccess); // THIS BREAKS. 
}; 

this.fail = function() { 
    console.log('fail'); 
}; 

this.firstBit = function(successFunc, failFunc) { 
    var h = new Huh(this); 
    //h.check();   
    h.DoWork(this.success);  
}; 

// start with this function 
this.Go = function() { 
    this.firstBit(this.success, this.fail); 
};} 

그것은 모든 휴식을 내가 Thing.success에서 허의 두 번째 인스턴스를 만들려고 할 때.

나는 this.nextSuccess를 전달하려하지만 'this'컨텍스트가 더 이상 같지 않은 것처럼 보입니다.

도와주세요.

Answer 1

Thing 기능의 시작 부분에 var that = this;을 입력하십시오. 을 사용하여 Thingthis에 액세스 할 수 있습니다.