Как сломаться, пока внутри обещают. Потом?

Question

Я хочу выйти из цикла после проверки моих данных в Promise.then. Как я могу это сделать? Теперь у меня есть бесконечный цикл. Вот код:

    let my_break = 0
    let page_id = 1
    let p = Promise.resolve()
        while(my_break===0) {
            p = p.then(() => { 

                getReposData(name,page_id).then(data=>{
                    if (data.length===0){
                        my_break = 1
                    }
                   else {

                    data.forEach(item=>{createReposLink(item,parent_el)})

                   }
                })
                page_id += 1
            });

        }

Answer 1

Я бы определенно обратился к async / await, вот так:

let my_break = 0
let page_id = 1
while (my_break===0) {
    const data = await getReposData(name, page_id)
    if (data.length===0){
        my_break = 1
    } else {
        data.forEach(item=>{createReposLink(item,parent_el)})
    }
    page_id += 1
}

Вы можете найти больше информации об асинхронности / ожидании здесь: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous/Async_await

Answer 2

Обещания изначально асинхронны, что означает, что самой ранней точкой, в которой будет выполняться обратный вызов, будет следующий тик события . Ваш цикл while выполняется на текущем тике события и не откажется от управления выполнением, пока не будет завершен. Он закончится только тогда, когда обещание разрешится, что может произойти только при следующем тике события, что не может произойти, пока не закончится ваш цикл;что никогда.

Нет никакого потока. Спит в JavaScript;Если вы хотите приостановить выполнение во время выполнения асинхронной операции, вам нужно поставить в очередь оставшуюся часть кода для выполнения после разрешения обещания.

Если вы посмотрите на спецификацию обещаний, возврат обещания из тогдашнего обратного вызова продлит время ожидания исходного обещания.

let p = getReposData(name, page_id).then(data => {
  if (data.length === 0){
    return;
  }
  return Promise.all(data.map(item=> createReposLink(item, parent_el)))
})