Javascript async-Funktion der Konsole an die zurückgegebenen Daten

Wie kann ich die Konsole an - oder tun Sie, was mit den zurückgegebenen Daten in einer async-Funktion?

Beispiel:
JS-DATEI:

   async function getData(){
      try {
         $.getJSON('./data.json', (data) => {
            return data;
         });
      } catch(error) {
         console.log("error" + error);
      } finally {
         console.log('done');
      }
   }

   console.log(getData());

JSON-DATEI:

{
   "stuff": {
      "First": {
         "FirstA": {
            "year": [2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017],
            "Categories": ["Suspension", "Electrical", "Performance", "Motor"]
         },
         "FirstB": {
            "year": [2007, 2008, 2009, 2010, 2011, 2012],
            "Categories": ["Suspension", "Electrical", "Performance", "Motor"]
         }
      },
      "Second": {
         "SecondA": {
            "year": [2002, 2003, 2004, 2005, 2006],
            "Categories": ["Suspension", "Electrical", "Performance", "Motor"]
         },
         "SecondB": {
            "year": [2007, 2008, 2009, 2010, 2011, 2012],
            "Categories": ["Suspension", "Electrical", "Performance", "Motor"]
         }
      }
   }
}

Wie kann ich die Rückkehr /erhalten Zugang zu allen Informationen, die in der JSON-Datei und die Arbeit mit ihm. zum Beispiel nehme ich gerne die "Erste" und "Zweite", und fügen Sie ein div-Element. Dasselbe mit "FirstA" und "FirstB" und "SecondA" und "SecondB"...und so weiter.

Recht, wie es jetzt steht, bekomme ich Versprechen {undefiniert}

Jegliche Hilfe würde sehr geschätzt werden.

---------UPDATE---------

Wenn ich die Konsole ausführen, melden Sie innerhalb der Funktion habe ich dann sehen können, die json-Daten, aber ich brauche den Zugriff auf die Daten außerhalb der Funktion.

Serge

InformationsquelleAutor Sergio | 2017-12-30
  1. 3

    Zwei Fragen:

    1. Zu set den Wert der Auflösung des promise-erstellt durch die async Funktion, die Sie verwenden müssen, eine return Erklärung des async Funktion selbst. Dein code hat eine return im getJSON callback (was ignoriert wird), nicht die async Funktion selbst.

    2. Zu bekommen den Wert der Auflösung einer async - Funktion, müssen Sie await es (oder verbrauchen Ihr Versprechen in der älteren Weise, über then usw.).

    For #1, die Sie zurückgeben könnte das Ergebnis von awaiting getJSON:

    async function getData() {
    try {
        return await $.getJSON('./data.json').promise();
    }
    catch (error) {
        console.log("error" + error);
    }
    finally {
        console.log('done');
    }
}

    Und für #2, Sie müssten entweder await Ihre Funktion (dies würde wiederum müssen innerhalb einer async - Funktion):

    console.log(await getData());

    ...oder verbrauchen Ihr Versprechen über then:

    getData().then(data => {
    console.log(data);
});

    Seite Hinweis: Ihre getData verbirgt sich Fehler, die sich in Resolutionen mit dem Wert undefined, die in der Regel nicht eine gute Idee. Stattdessen sicherzustellen, dass es überträgt die Fehlermeldung:

    catch (error) {
    console.log("error" + error);
    throw error;
}

    Dann, natürlich, sicherzustellen, dass alles, was mit getData entweder verarbeitet oder verbreitet die Fehler, so dass Sie sicher etwas, das irgendwo hat behandeln (andernfalls erhalten Sie eine "nicht behandelte Abstoßung" - Fehler).

    Re Ihr Kommentar

    wie würde ich auf die "Dinge" in der json-Datei aus dem log-außerhalb der Funktion?

    Den async-Ergebnis /Auflösung Wert von getData ist das Objekt der JSON definiert (es ist nicht mehr JSON, es ist schon geparst). So würden Sie verwenden .stuff auf Sie, z.B.:

    //In an `async` function
console.log((await getData()).stuff);

//Or using `then`:
getData().then(data => {
    console.log(data.stuff);
});
    • T. J. Crowder im ersten Beispiel, was ist das "ich" in das ich.getJSON und wo kommt Sie her? Ich weiß, ich bin Beregnung einige jQuery in es mit getJSON Methode, aber nur Tests um zu sehen, ob dies funktionieren würde.
    • Es war ein Tippfehler (jetzt behoben). Das ist seltsam, denn ich verwendete kopieren und einfügen. Also vielleicht kein Tippfehler, sondern eine Bearbeitung Fehler. 🙂
    • hahaha...es ist kein biggie. Ok, gerade getestet und jetzt etwas passiert ist.
    • nun, wie würde ich auf die "Dinge" in der json-Datei aus dem log-außerhalb der Funktion? Ich habe versucht die Konsole.log(getData().Sachen); und ich bekomme nicht definiert.
    • Ja, natürlich können Sie tun, weil getData gibt ein Versprechen, und Versprechen nicht eine Eigenschaft namens stuff. Ich habe Hinzugefügt, um das Ende der Antwort.
    • Perfekt. Danke für Eure Hilfe. Mit Hilfe der .dann Methode funktioniert für mich. das warten hielt er mir einen Fehler an Unexpected identifier
    • Keine Sorge. Ja. Wie ich oben sagte, können Sie nur await in einem async Funktion.
    • aahh... so "erwarten" kann nur verwendet werden, innerhalb der async-Funktion. Außerhalb der async-Funktion "dann" verwendet werden sollte - als Sie kommentierten in Ihrem Beispiel lol.
    • T. J. ich habe ein follow-up-Frage hier gepostet...wenn Sie können, können Sie einen Blick an ihm nehmen. Danke. stackoverflow.com/questions/48036910/...
    • mit der Pfeil-Funktion können Sie einfach async () => console.log(await getData())

    InformationsquelleAutor T.J. Crowder
Schreibe einen Kommentar