Wie aktualisiert man eine Variable in es6 innerhalb einer Abruffunktion?

Question

Ich habe diesen Code unten:

let courses = ''; 

fetch(link) 
.then(function(response) { 
    return response.json(); 
}).then(function(json) { 
    courses = json; 
}).catch(function(ex) { 
    console.log('parsing failed', ex); 
}); 

Mit console.log(courses) druckt ''.

Wie stelle ich es auf den abgerufenen JSON ein?

Answer 1

Die Methode fetch ist asynchron, im Wesentlichen haben Sie nur Zugriff auf den JSON-Inhalt in der Variablen courses, nachdem die fetchpromise verrechnet wurde. Versuchen Sie Folgendes tun:

function synchronousCode(courses) { 
    console.log('courses', courses); // output json courses 
} 

fetch(link) 
.then(function(response) { 
    return response.json(); 
}) 
.then(synchronousCode) 
.catch(function(ex) { 
    console.log('parsing failed', ex); 
}); 

Einer der Vorteile der Verwendung der API-Fetch ist, dass Sie ordentlich Ihre Methoden Kette kann anstelle von nur einem „synchronousCode“ Funktion. Hier ist ein Beispiel:

Ich hoffe, dass hilft!