Добавил комментарии для обьяснения работы промисов

parent 74f0a0ba
......@@ -36,28 +36,27 @@ const request = (config) => {
})
}
const processResultMainCountry = (result) => {
console.log(result);
const h2 = document.createElement('h2')
const processResultMainCountry = (result) => { // result - данные полученые от первого запроса хранят в себе страну и ее данные.
const h2 = document.createElement('h2') // создаем элемент чтобы добавить название основной страны в заголовок
h2.innerText = result[0].name
const ul = document.createElement('ul')
// const items = createTree(result[0])
infoToshow.append(h2)
const names = result[0]['borders'].map( item => {
return request({method: 'GET', path: `https://restcountries.com/v3.1/alpha/${item}` })});
borderCountry = Promise.all(names)
const names = result[0]['borders'].map( item => { // здесь создаем и записываем все промисы которые позже запустим в Promise.all
return request({
method: 'GET',
path: `https://restcountries.com/v3.1/alpha/${item}` // каждый item - это код страны. Мы тут еще не вызываем запрос,
// только записываем в массив
})});
borderCountry = Promise.all(names) // здесь уже вызываем все запросы по границам, получаем опять массив
.then( data => {
data.forEach(element => {
const li = document.createElement('li')
li.innerText = element[0].name.common
li.innerText = element[0].name.common // получаем стандартное имя страны
ul.append(li)
});
})
infoToshow.append(ul)
console.log(borderCountry);
loader.style.display = 'none'
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment