Javascript-bricht eine for-Schleife innerhalb einer callback-Funktion

Habe ich einen code wie den folgenden:

function test(obj) {

    if(//some conditon) {
        obj.onload();
    }else{
        obj.onerror();
    }
}


for(var i=0;i<4;i++){   

    test({
        onload:function(e){          
            //some code to run
        },
        onerror:function(e){
            break;
        }


    });
}

Die Kernaussage wird die Funktion test() ist eine Funktion, um eine XHR-Anfrage (es ist tatsächlich eine API von der Appcelerator Titanium Plattform, so dass ich keine Kontrolle habe), und ich bin looping etwas zum Aufruf der test-Funktion. Ich brauchen, um zu brechen Sie die Schleife auf die onerror-Funktion, aber ich bekomme eine Fehlermeldung besagt, dass die Pause nicht innerhalb einer Schleife oder switch-Anweisung. Wie kann ich diese umschreiben?

danke, ich Stimmen Sie nur beantworten, in der Vergangenheit, aber jetzt weiß ich, Sie zu schlagen, die Häkchen

InformationsquelleAutor eirikrl | 2012-08-07

Wenn Ihr code-Beispiel wird, repräsentieren einige eigentliche code (d.h. alle die Verarbeitung erfolgt in der gleichen Ereignis-Schleife Häkchen), können Sie Folgendes tun:

function test(obj) {

    if (some_condition) {
        return obj.onload();
    } else {
        return obj.onerror();
    }
}

var result;
for(var i=0; i<4; i++){   

    result = test({
        onload:function(e){          
            //some code to run
            return true;
        },
        onerror:function(e){
            return false;
        }


    });

    if (!result) {
        break;
    }
}

Ansonsten, wenn es etwas asynchron gemacht, Sie zu rufen test sequenziell und nicht parallel. Zum Beispiel,

function test(obj) {
    doSomeAjaxRequest(arguments, function (err, result) {
        if (some_condition) {
            obj.onload();
        } else {
            obj.onerror();
        }
    });
}

var f = function (i) {
    if (i >= 4) return;
    test({
        onload:function(e){          
            //some code to run
            f(i+1);
        },
        onerror:function(e){
            break;
        }
    });
}

f(0);

InformationsquelleAutor penartur

3

Nicht möglich. Eine for-Schleife ist eine synchrone Verfahren bei einem Ajax-request nicht. Das bedeutet, dass, wenn die onerror callback geschieht, wird die for-Schleife ist schon getan ausführen.

Als alternative könnte man einführen, ein check in Ihre onsuccess-handler, die bestätigt, dass keine Fehler passiert sind, noch nicht.
```
var errorOccured = false;
for(var i=0;i<4;i++){   

test({
    onload:function(e){   
        if(errorOccured) return;
        //some code to run
    },
    onerror:function(e){
        errorOccured = true;
    }


});
}
```
InformationsquelleAutor just.another.programmer

Bit hacky vielleicht aber könnte man so etwas mit einer handler-Funktion.

var handler = function(array, callback){
    for(var i=0, l=array.length, e=array[i]; i<l; ++i){
        if(true === handler.exit){
            handler.exit = false; //restore
            return;
        }
        callback.call(null, e);
    }
};
handler.exit = false; 

handler([1,2,3], function(e){
   console.log(e);
   if(2 === e){
       arguments.callee.caller.exit = true; //:-)
   }
});

Nicht getestet, aber vielleicht könnte man bind-Funktion von scope in nennen, auch?

var handler = function(a, f){
    this.exit = false;
    for(var i=0, l=a.length, e=a[i]; i<l; ++i){
        if(true === this.exit){
            this.exit = false; //restore
            return;
        }
        callback.call(this, e);
    }
};
handler([1,2,3], function(e){
   console.log(e);
   if(2 === e){
       this.exit = true;
   }
});

InformationsquelleAutor Lode Michels

0

Können Sie brechen die Schleife in test () - Funktion. Ich denke, die beste Lösung wäre in diesem Fall eine exception werfen, innen test () - Funktion, dann fangen Sie es in der Schleife und brechen.

InformationsquelleAutor Vladimir Kadalashvili
0

Vielleicht können Sie das 'onload' callback rekursiv?

Bedeutung, die Sie gerade nennen Sie die 'test' - Methode im 'onload' handlerr, dies würde auch bedeuten, dass Sie Feuer alle Anfragen in der Reihenfolge statt alle gleichzeitig.

InformationsquelleAutor Wiebe Tijsma

Nehme ich die Antwort von penartur, aber ich geändert, ohne die "Pause":

function test(obj) {
    doSomeAjaxRequest(arguments, function (err, result) {
        if (some_condition) {
            obj.onload();
        } else {
            obj.onerror();
        }
    });
}

var f = function (i) {
    if (i >= 4) return;
    test({
        onload:function(e){          
            //some code to run
            f(i+1);
        },
        onerror:function(e){
            console.log('stop');
        }
    });
}

f(0);

InformationsquelleAutor user3300510

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.