Wie kann auf das JSON-Objekt außerhalb der Fetch-API-Antwort zugegriffen werden?

Question

Ich habe derzeit ein Problem beim Zugriff auf emoji_map außerhalb der then Bereich und ich weiß nicht, wie es geht.

Hier ist mein Code:

if (req) { 
    fetch(req).then(function(response) { 
     return response.json(); 
    }).then(function(response) { 
    /* start to observe */ 
    emoji_map = response.emoji_map; 
    console.log(emoji_map); 
    }); 

} 

Als ich console.log (emoji_map) zu tun; außerhalb If Schleife Ich kann nicht auf die zugewiesene Antwort zugreifen. Kann jemand helfen?

Answer 1

Ich empfehle Ihnen, lesen Sie mehr über JavaScript lexical Scoping und Verschlüsse auf MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures.

function init() { 
    var name = "Mozilla"; // name is a local variable created by init 
    function displayName() { // displayName() is the inner function, a closure 
    alert(name); // use variable declared in the parent function  
    } 
    displayName();  
} 
init(); 

init() erstellt einen lokalen Variablennamen und dann eine Funktion display() aufgerufen. displayName() ist eine innere Funktion, die innerhalb von init() definiert ist und nur innerhalb des Rumpfes dieser Funktion verfügbar ist. displayName() hat keine eigenen lokalen Variablen, jedoch hat es Zugriff auf die Variablen der äußeren Funktionen und kann daher den in der übergeordneten Funktion deklarierten Variablennamen verwenden.

Answer 2

Was Sie eine globale Variable außerhalb der Abruf-Anweisung deklarieren können, und die Antwort in diesen Variablen füllen, sagen in Ihrem Fall

  var sampleData; 
      if (req) { 
      fetch(req).then(function(response) { 
       sampleData = response.json(); 
       return response.json(); 
      }).then(function(response) { 
       /* start to observe */ 
       emoji_map = sampleData.emoji_map; 
       console.log(emoji_map); 
      }); 

      } 

    OR 

     fetch('https://davidwalsh.name/some/url').then(function(response) { 
      return //... 
     }).then(function(returnedValue) { 
     // ... 
     }).catch(function(err) { 
      // Error :(
     }); 

Sie den obigen Code versuchen kann oder this