Javascript中的递归异步回调

Recursive Asynchronous Callbacks in Javascript

本文关键字：异步 回调 递归 Javascript      更新时间：2023-09-26

关于这个问题，我试图添加一个回调来获取数据。所以我试着这样做:

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);
}

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

看起来你把this和arguments对象混淆了。

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

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

我认为你想用anotherObject作为this的值来调用回调，对吗?

你可以这样做:

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

或者如果你只想执行回调，并且你想使用闭包，你需要添加:

this.callback = callback; //before
var anotherObject = this;
相关文章：