Javascript中的嵌套函数参数和'this'上下文

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，但它看起来像'这个'上下文是不一样的。

请帮忙。

Answer 1

在你的Thing功能的开始，把var that = this;。然后您可以使用that访问Thingthis。