javascript 链接从回调返回 this

Question

我尝试从回调中获取返回值，但总是未定义。

这里是截图

create: function(currentView, data){
    var itsMe = this; 
    this.thumbsWrapper = this.templates.wrapper().hide();
    currentView.append(this.thumbsWrapper);
    this.thumbsWrapper.fadeIn("fast", function(){
        return itsMe;                                                 
    });
},

var l = list().create(currentView); //need teh return that i can use chaining

如果我将 fadeIn 与回调一起使用，则 var l 现在未定义...如果我不将 fadeIn 与回调一起使用，它将返回 obj

有人知道为什么吗？

Answer 1

@Felix Kling 所说的是正确的，您没有返回任何内容。如果您想返回 itsMe，您需要执行以下操作:

create: function(currentView, data){
    var itsMe = this; 
    this.thumbsWrapper = this.templates.wrapper().hide();
    currentView.append(this.thumbsWrapper);
    this.thumbsWrapper.fadeIn("fast");
    return itsMe;    
}

如果你想要链接，这应该足够了。

如果您想在淡出完成时获取对 itsMe 的引用，则需要传递自己的回调:

create: function(currentView, data, callback){
    var itsMe = this; 
    this.thumbsWrapper = this.templates.wrapper().hide();
    currentView.append(this.thumbsWrapper);
    this.thumbsWrapper.fadeIn("fast", function(){ 
        callback(itsMe);
    });  
}


list().create(function (that) {
    console.log("fade out complete");
    console.log("itsMe is", that);
});

如果你想要一个链接模式，当淡出完成时执行链中的下一个函数，你需要传递的不是对 this 的引用，而是一个可以排队的对象up 命令，依次执行每个命令。