Callback den Wert undefiniert zurückgibt, mit chrome.storage.sync.erhalten

Baue ich eine Chrome-Erweiterung, und ich schrieb diesen code.

var Options = function(){};

Options.prototype = {

    getMode: function(){
               return chrome.storage.sync.get("value", function(e){  
                 console.log(e); //it prints 'Object {value: "test"}'.       
                 return e;
               });
    },

    setMode: function(){
        chrome.storage.sync.set({"value": "test"}, function(e) {         
        })
    }
}

var options = new Options();
options.setMode();
console.log(options.getMode()); //it prints 'undefined'.

Ich erwartet, dass es zu drucken 

Object {value: "set up"}

wenn ich rufe options.getMode(), aber es druckt undefined.

Weiß jemand, wie dieses problem zu lösen?

  • also, es ist nicht möglich, es überhaupt?
  • Nicht in der Weise, die Sie getan haben, ist es im zweiten Beispiel nicht.
InformationsquelleAutor crzyonez777 | 2013-09-09
  1. 18

    Den chrome.Speicher API ist asynchrone - er kommt nicht direkt, sondern übergibt Sie als argument an den callback-Funktion. Die Funktion ruft sich selbst immer zurück undefined.

    Dies wird oft verwendet, um andere Methoden zu laufen, ohne zu warten, bis etwas reagiert oder abgeschlossen wurde - ein Beispiel dafür ist setTimeout (einzige Unterschied ist, dass es gibt eine timer-Wert, nicht undefined).

    Nehmen wir zum Beispiel diese:

    setTimeout(function () { alert(1); }, 10000);
alert(0);

    Weil setTimeout ist asynchron, es wird nicht aufhören, alle code, bis die gesamte Funktion wird eher der Rückkehr zunächst nur eine Funktion aufrufen, wenn es fertig ist später auf - das ist, warum die 0 kommt, die vor dem 1.

    Aus diesem Grund, Sie nicht einfach etwas wie:

    //"foo" will always be undefined
var foo = asyncBar(function (e) { return e; });

    Im Allgemeinen sollten Sie setzen, was Sie wollen in Ihrem Rückruf (die Funktion, die aufgerufen wird, wenn die asynchrone Funktion beendet ist). Dies ist ein Recht häufiges schreiben von asynchronem code:

    function getValue(callback) {
  chrome.storage.sync.get("value", callback);
}

    Konnten Sie einen ganzen Teil des Codes innerhalb der callback - es gibt nichts hindert Sie, dies zu tun. Also anstatt das zu tun, die folgenden:

    console.log(getValue()); //typical synchronous method of doing something

    Wäre dies wohl eine bessere Idee:

    //how it would be done in asynchronous code
getValue(function (value) {
  console.log(value);
});
    • >dies ist, warum die 0 kommt, die vor dem 1. Ich sehe. Danke!! Es ist sehr klar.
    • >var foo; >asyncBar(function (e) { foo = e; }); ich denke, ich habe versucht, so etwas wie dieses. Aber, ich werde es jetzt wieder versuchen!
    • Ich habe versucht, diesen code. Aber, es gibt Sie undefined zurück an das Ende von code in der post. var test; Chrom.storage.sync.get("value", function(e){ console.log(e); test = e; });
    • Dies ist der gesamte code ohne setMode(). var Optionen = function(){}; Options.Prototyp = { getMode: function(){ var test; Chrom.storage.sync.get("value", function(e){ console.log(e); test = e; return test; }); } } var options = new Options(); console.log ("Optionen".getMode());
    • Ich habe wohl getäuscht Sie. Das würde immer noch nicht funktionieren, für die gleichen Gründe, die ich oben skizziert habe - das war bedeutete für Sie, wenn Sie wurden zu verwenden, die (viel) später woanders test würde noch undefiniert und Rücksprung aus der Funktion, die gerade nach diesem Anruf.
    • so, dies funktioniert auch nicht. var Optionen = function(){}; Options.Prototyp = { getMode: function(callback){ chrome.storage.sync.get("value", callback); } } var options = new Options(); var test = Optionen.getMode(function (e) { return e; }); console.log(test);
    • Also, ich sollte aufgeben, umwickeln es mit der get-Methode.
    • Vielen Dank. Ich habe viel gelernt jetzt.
    • also, sollte ich Methoden definieren, die nichts zurückgibt, wenn ich die asynchrone callback.
    • auch der Rückgabewert ist nicht wahrscheinlich, zu viel Effekt, also (im Prinzip) ja.
    • Danke! Es ist mir klar, jetzt, wie ich tun soll.
    • So localStorage ist synchron und chorme.storage asynchron ist. Was für ein Alptraum, wenn Sie eine Ausrichtung auf beide browser und chrome-app. In meiner situation, die UI-updates, bevor Sie die Einstellungen erhalten Sie vom chrome.storage, also muss ich die Aktualisierung der Benutzeroberfläche wieder in den Rückruf!
    • Können Sie 'erwarten', dies zu beheben?
    • Vielleicht gibt es nicht einen gültigen Wert noch ?

    InformationsquelleAutor Qantas 94 Heavy
  2. 2

    Den chrome.storage.sync.get ist asynchron aufgerufen wird, das ist, warum Sie haben, um es zu übergeben einen Rückruf, so dass es in der Zukunft ausgeführt.

    Wenn Sie versuchen, zu drucken, ist der zurückgegebene Wert der getModeSie zum drucken der return-Wert, was chrome.storage.sync.get zurück nach queuing der asynchrone Aufruf ausgeführt werden.

    Dies ist ein häufiger Fehler, den Leute machen, die in javascript, während Sie lernen zu verwenden asynch Anrufe.

    • Ich danke Ihnen sehr. Ich habe es. Aber, wie bekomme ich den Wert per get-Methode?
    • Sie können nicht zurückgegeben werden. Sie übergeben zu müssen, ein Rückruf in die Methode.
    • so, ich sollte nicht wickeln callback-Funktion mit getter-Methode, da-callback asynchron-und getter-synchron ist.
    InformationsquelleAutor fmsf
Schreibe einen Kommentar