Как обновить переменную в es6 внутри функции выборки?

Question

У меня есть этот код ниже:

let courses = ''; 

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

Использование console.log(courses) распечатывает ''.

Как установить его на извлеченный json?

Answer 1

fetch является асинхронным, по существу, вы будете иметь доступ только к содержанию JSon в переменной courses после fetchpromise решает. Попробуйте сделать следующее:

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); 
}); 

Одним из преимуществ использования Выборки API является то, что вы аккуратно можете приковать свои методы вместо того, чтобы просто иметь одну функцию «synchronousCode». Вот пример:

function asynchronouslyAnalyze(courses) { 
    return new Promise(function(resolve, reject) { 
    setTimeout(function() { resolve(courses) }, 1000); 
    }); 
} 

function parse(courses) { 
    // do something with courses 
    return courses; 
} 

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

function toJSON(response) { 
    return response.json(); 
} 

fetch(link) 
.then(toJSON) 
.then(asynchronouslyAnalyze) 
.then(parse) 
.then(print) 
.catch(function(ex) { 
    console.log('parsing failed', ex); 
}); 

Надеюсь, что это поможет!