Javascript中的递归异步回调

Question

关于this question，我试图添加一个回调来获取数据。所以，我想这一点：

var subgroupIds = []; 
var that = this; 
this.getSubGroups = function (groupId,callback) { 
    var anotherObject = this; 
    this.getGroups("groupId="+groupId, function(groups) { 
     if ($.isEmptyObject(groups)) { 
      return; 
     } else { 
      $.each(groups, function(index,group) { 
       subgroupIds.push(group.id); 
       that.getSubGroups(group.id); 
      }); 
      anotherObject.callback(group.id); 
     } 
    }); 
} 

，我想我有以前的问题后更好地理解封闭的，但我想我不......，我发现了以下错误：

Uncaught TypeError: Object [object Window] has no method 'callback' 

我在这里做错了什么？

编辑

这里的getGroups的内容：

this.getGroups = function(filter,callback,error_callback) { 
    this.getJSON('/'+apiVersion+'/groups/',function(data){ 
     // run through the filter engine 
     output = runFilter(data, filter); 
     callback(output); 
    },error_callback); 
} 

Answer 1

它不必须anotherObject.callback(group.id);，你需要的是callback(group.id);

它看起来像你与arguments对象混淆this。

arguments认为，被传递到函数的所有参数：

var aFunction = function() { 
    for (var i = 0; i < arguments.length; i++) { 
     console.log(arguments[i]); 
    } 
}; 

aFunction(1, 2, 3, 4); // 1, 2, 3, 4 

虽然this基本上指的是功能的“所有者”（这是粗略地讲，无论发生什么事是点前）：

var aFunction = function() { 
    console.log(this); 
}; 

var object1 = { f: aFunction, name: "object1" }; 
var object2 = { f: aFunction, name: "object2" }; 

object1.f(); // Object { name="object1", f=function()} 
object2.f(); // Object { name="object2", f=function()} 
aFunction(); // Window 

Answer 2

回调是一个参数，它没有被绑定到上下文。

我想你想要的是调用回调anotherObject作为this的值，对吧？

可以实现与：

$.proxy(callback, anotherObject)(group.id); 

或者，如果你只是想执行回调，并且要使用闭合，您需要添加：

this.callback = callback; //before 
var anotherObject = this;