Speichern Async/Await response in eine variable

Ich versuche zu verstehen, asynchrone Aufrufe mit async/await und try/catch.

Im Beispiel unten, wie kann ich meine erfolgreiche Antwort auf eine variable genutzt werden kann, während der rest des Codes?

const axios = require('axios');
const users = 'http://localhost:3000/users';

const asyncExample = async () =>{
    try {
        const data = await axios(users);
        console.log(data); //200
    }
    catch (err) {
        console.log(err);
    }
};

//Save response on a variable
const globalData = asyncExample(); 
console.log(globalData) //Promise { <pending> }

globalData sollte nicht undefined sollte es ein Promise (das ist das einzige, was ein async-Funktion zurückgeben kann).
Beachten Sie, dass async/await sind nicht "ecmascript-6" (richtig: ECMAScript 2015). Sie wurden in der ES2017, zwei Jahre später.
Aber beachten Sie, selbst wenn Sie warten, bis die Versprechen zu lösen, dessen Auflösung wird der Wert undefined. Machen Sie etwas anderes, müssen Sie return in Ihrem asyncExample Funktion.
Ich bearbeitet die Frage, Entschuldigungen für das verlassen des alten Kommentar sagen 'undefined'. Wie würden Sie gehen über das speichern der Antwort in einer Variablen, die verwendet werden können, die anderswo in den Anwendungsbereich der gleichen Datei?

InformationsquelleAutor Jonca33 | 2018-01-18

12

1) Return etwas von Ihrem asyncExample Funktion
```
const asyncExample = async () => {
  return await axios(users)
};
```
2) - Aufruf, der Funktion und handhaben die zurückgegebenen Promise:
```
asyncExample().then(users => {
  console.log(users)
})
.catch(err => console.error(err))
```
Warum sollten Sie es handhaben wie das?
- Können Sie nicht tun top-level - await (es gibt ein Vorschlag für die es aber) - await muss vorhanden sein, innerhalb einer async Funktion.
- Kennzeichnet eine Funktion als async dazu, dass es für die Rückgabe einer Promise. Sie behandeln können, dass Promise auf der top-Ebene nur in Ordnung, so wie ich oben.
- Oder, wenn Sie wollen async/await alle dem Weg nach unten: pastebin.com/i6FPUs2y (aber es ist wichtig, dass alle der code in dieser Hülle ist in try/catch -- ohne, werden Sie sich einzurichten für "Unbehandelte Ablehnung" - Fehler).
- guest271314 Antwort unten hat die gleiche schöne IIFEE trick, das ist wirklich ordentlich
- Ja -- aber falsch. Die try/catch (oder mit .catch auf das Ergebnis) ist nicht optional.
- das ist toll! Wie kann ich erreichen das gleiche Ergebnis mit try/catch?
- Sie brauchen nicht ein try/catch innerhalb Ihrer asyncExample Funktion. Wenn es nicht gelingt, die top-level - .catch() - handler wird ausgelöst, mit dem entsprechenden Fehler.
- Diese nicht speichern den zurückgegebenen Wert einer Variablen aber. Diese nur-Konsole-Protokolle der zurückgegebene Wert ist nicht, was die Frage war.
- Gut, ich soll, was ich meinte, vor einem Jahr war Ihre "Haupt" - code innerhalb der .then Rückruf. FWIW, ich würde raten, die OP, einfach zu akzeptieren eine andere Antwort, anstatt mir da die IIFE tricks sind weit mehr succint und angemessen in Bezug auf die OP.
- Vielen Dank für die Beantwortung. Ich habe tatsächlich versucht, herauszufinden, wie zu tun, was diese Frage ist zu Fragen, für wie 5 Stunden. Ich weiß, das IIFE trick etc, aber die variable erstellt, mit diesem trick hat nur Spielraum für die IIFE, und ich muss wirklich einen Weg finden, zu exportieren, dass der Rückgabewert in eine variable mit globalem Gültigkeitsbereich. Ich versuche, die Daten hab ich schnappte mit eine asynchrone abrufen und injizieren Sie in das Feld Daten ein JSON-Objekt verwendet wird ChartJS.
- Warum nicht wickeln Sie alle Ihre "Haupt" - app-code in einer async-IIFE zu und durch"? Es ist nicht ein ungewöhnliches Muster.
- Ja, ich habe es tatsächlich getan, eine ähnliche Sache vor. Sollte ich wohl, ich wollte nur sicherstellen, dass ich war nicht nur verwenden Sie es als eine Krücke. Vielen Dank für die Beratung!
InformationsquelleAutor Nik Kyriakides
0

try..catch erstellt einen neuen block scope. Verwenden let zu definieren data vor try..catch statt const, return data von asyncExample Funktionsaufruf

JS:
```
(async() => {

  const users = 123;

  const asyncExample = async() => {
    let data;
    try {
      data = await Promise.resolve(users);
    } catch (err) {
      console.log(err);
    }
    return data;
  };

  //Save response on a variable
  const globalData = await asyncExample();
  console.log(globalData);
  //return globalData;
})();
```
- das ist eine schöne IIFE trick 🙂
- bedeutet das, dass alles, was ich wollen würde, um zu tun, mit globalen Daten müsste getan werden, innerhalb der (async() => { })(); scope?
- Nein, Sie können die Auskommentierung //return globalData, Kette .then() zu den async-Pfeil Funktion und Aufgaben mit der übergebenen Arguments an die Funktion übergeben .then()
InformationsquelleAutor guest271314
-2

Weil die Ereignisse passiert sind asynchron, Sie müssen binden in einem callback/Versprechen. Ich nehme an, es gibt ein Versprechen.
```
const axios = require('axios');
const users = 'http://localhost:3000/users';

const asyncExample = async () =>{
    try {
        const data = await axios(users);
        console.log(data); //200
    }
    catch (err) {
        console.log(err);
    }
};

//Save response on a variable
const globalData = asyncExample().then( (success, err) => {
  if (err) { console.error(err); }
  console.log(success)
}
```
- "ich nehme an, es gibt ein Versprechen" Keine Annahme erforderlich. Es ist ein async Funktion. Per definition, es gibt ein Versprechen. Aber es gibt keinen guten Grund, eine Frage zu beantworten, mit einer grundlegenden Falschaussage der Tatsache (dass globalData bleibt undefined, die es nicht mit dem code in der Frage) bis zu/es sei denn, der OP klärt.
- asyncExample nichts zurückgibt. Was erwarten Sie sich von der console.log(success) Linie log? Es wird log undefined. Die OP muss return die data von der Funktion.
- Beachten Sie auch, dass Ihre then callback geschrieben wird, als handele es sich um eine NodeJS-Rückruf (aber rückwärts). Eine wahre then Rückruf erhält nie mehr als einen parameter.
InformationsquelleAutor Mike Tung
-2

Verwenden Sie einfach einen Rückruf/das Versprechen (cascading Programmierung):
```
axios(users).then(function(response) {
    const globalData = response;
    console.log(globalData) 
});
```
- Ich schrieb meine Antwort auf mobilen, wenn die Antwort oben war eingereicht und ich habe es nicht gesehen. Ich wollte nicht kopieren. Sorry für das Missverständnis.
InformationsquelleAutor Tudor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.