Warum nicht .json() zurück, ein Versprechen?

Ich ve wurde Herumspielen mit der fetch() api vor kurzem, und bemerkte etwas, das war ein bisschen schrullig. 

let url = "http://jsonplaceholder.typicode.com/posts/6";

let iterator = fetch(url);

iterator
  .then(response => {
      return {
          data: response.json(),
          status: response.status
      }
  })
  .then(post => document.write(post.data));
;

post.data gibt eine Promise Objekt.
http://jsbin.com/wofulo/2/edit?js,Ausgabe

Aber wenn es geschrieben wird:

let url = "http://jsonplaceholder.typicode.com/posts/6";

let iterator = fetch(url);

iterator
  .then(response => response.json())
  .then(post => document.write(post.title));
;

post hier ist ein standard - Object die Sie Zugriff auf das title-Attribut.
http://jsbin.com/wofulo/edit?js,Ausgabe

Also meine Frage ist: warum tut response.json Gegenzug ein Versprechen in ein Objekt-literal, sondern geben den Wert zurück, wenn nur zurückgegeben?

Das macht Sinn, wenn man bedenkt, das response.json() Versprechen kann abgelehnt werden, wenn die Antwort nicht gültig ist JSON.
Der Wert, der zurückgegeben wird, weil Versprechen wurde behoben, übergibt den Wert in der Antwort.json(). Jetzt wird der Wert steht in den then-Methode.

InformationsquelleAutor haveacigaro | 2016-05-31

  1. 111

    Warum response.json Gegenzug ein Versprechen?

    Denn Sie erhalten die response wenn alle Header angekommen. Aufruf .json() bekommt man eine Zusage für den body der http-response, die erst noch geladen werden. Siehe auch Warum ist das response-Objekt von JavaScript fetch API ein Versprechen?.

    Warum erhalte ich den Wert, wenn ich wieder das Versprechen then handler?

    Weil so verspricht die Arbeit. Die Fähigkeit zur Rückkehr Versprechungen der Rückruf und Sie verabschiedete Ihre wichtigsten feature, es macht Sie verkettbare ohne Verschachtelung.

    Können Sie

    fetch(url).then(response => 
    response.json().then(data => ({
        data: data,
        status: response.status
    })
).then(res => {
    console.log(res.status, res.data.title)
}));

    oder jede andere von den Ansätze Zugriff auf frühere Versprechen Ergebnisse in einem .dann() Kette, um die Antwort status, nachdem er erwartete die json Körper.

    Es scheint seltsam, dass ich kann nicht einfach warten, bis die Daten zurück mit einem Versprechen, und wenn es angekommen ist, konvertiert der json? Oder vielleicht in diesem Fall könnte ich nur verwenden JSON.parse() statt res.json() ??
    im Grunde ist die Abkürzung für res.text().then(JSON.parse). Beide warten Sie, bis die Daten mit einem Versprechen und Parsen der json.

    InformationsquelleAutor Bergi

  2. 12

    Dieser Unterschied ist durch das Verhalten der mehr Verspricht als fetch() speziell.

    Wenn ein .then() callback gibt eine zusätzliche Promise die nächsten .then() Rückruf in der Kette ist im wesentlichen gebunden an das Versprechen, erhalten Ihre Lösung oder Erfüllung ablehnen und Wert.

    Dem 2. snippet hätte auch geschrieben werden als:

    iterator.then(response =>
    response.json().then(post => document.write(post.title))
);

    In diesem Formular und Ihnen, den Wert der post wird durch das Versprechen zurück von response.json().

    Zurückkehren, wenn Sie eine Ebene Object, obwohl .then() ist der Auffassung, dass ein erfolgreiches Ergebnis und löst sich sofort, ähnlich:

    iterator.then(response =>
    Promise.resolve({
      data: response.json(),
      status: response.status
    })
    .then(post => document.write(post.data))
);

    post in diesem Fall ist einfach die Object Sie erstellt haben, enthält eine Promise in seiner data Eigenschaft. Die warten, dass Versprechen erfüllt werden, ist noch unvollständig.

    InformationsquelleAutor Jonathan Lonowski

  3. 6

    Auch, was mir geholfen zu verstehen, diese Besondere Szenario, das Sie beschrieben, ist das Versprechen API Dokumentation, besonders dort, wo es erklärt, wie versprochen, zurück durch die then Methode gelöst werden unterschiedlich, je nachdem, was die handler fn gibt:

    wenn die handler-Funktion:

    • gibt einen Wert zurück, der das Versprechen zurückgegeben, dann wird gelöst mit den zurückgegebenen Wert als Wert,
    • wirft einen Fehler, das Versprechen zurückgegeben wird dann abgelehnt mit dem geworfenen Fehler als Wert,
    • gibt ein bereits gelöst Versprechen, das Versprechen zurückgegeben wird dann aufgelöst mit, die Versprechen, den Wert als Wert,
    • gibt ein bereits abgelehnt Versprechen, das Versprechen zurückgegeben wird dann abgelehnt, mit dem Versprechen, dass der Wert als Wert.
    • gibt weitere ausstehende Versprechen Objekt, die Auflösung/Ablehnung der Versprechen zurückgegeben, dann wird im Anschluss an die
      Auflösung/Ablehnung der Verheißung zurück durch den handler. Auch die
      Wert der Versprechen zurückgegeben, dann wird der gleiche sein wie der Wert des
      das Versprechen zurückgegeben, die durch die handler.

    InformationsquelleAutor Gera Zenobi

  4. 5

    Zusätzlich zu den oben genannten Antworten hier ist, wie Sie möglicherweise behandeln ein 500-Serie-Antwort von der api, wo Sie eine Fehlermeldung erhalten, codiert im json-Format:

    function callApi(url) {
  return fetch(url)
    .then(response => {
      if (response.ok) {
        return response.json().then(response => ({ response }));
      }

      return response.json().then(error => ({ error }));
    })
  ;
}

let url = 'http://jsonplaceholder.typicode.com/posts/6';

const { response, error } = callApi(url);
if (response) {
  //handle json decoded response
} else {
  //handle json decoded 500 series response
}

    InformationsquelleAutor jcroll

Schreibe einen Kommentar