Как использовать jQuery отложенное обещание для выполнения многих задач последовательно?

Question

Я использую API-интерфейс поставщика для доступа к его услугам. Служба отображается как объект отложенных объектов jQuery. Для одной полной бизнес-задачи я делаю что-то подобное в псевдокоде.

service.do('reset').then(function (result) { 
    return service.setValue(valObj); 
}).then (function (result) { 
    return service.do('runTask'); 
}).then (function (result) { 
    return service.getResult(query); 
}).then (function (result){ 
    console.log('finally done with One task'); 
}); 

Каждый service.XXX является REST API вызова внизу, функция обратного вызова вернуть ответ REST. Я пропущу, как каждый результат используется для простоты.

Теперь мне нужно выполнить эту службу 100 раз в строгом порядке завершения в одной бизнес-задаче. Вышеприведенный код необходимо выполнить 100 раз: предыдущий выполняется, а затем запускается следующий.

Что такое хороший способ структурирования такого требования в javascript? Я использую ReactJS и jQuery.

Answer 1

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

var cntr = 0; 
function run() { 
    if (cntr++ > 1000) return; 
    service.do('reset').then(function (result) { 
     service.setValue(valObj).then (function (result) { 
      service.do('runTask').then (function (result) { 
       service.getResult(query).then (function (result){ 
        console.log('finally done with One task'); 
        run(); 
       }); 
      }); 
     }); 
    }); 
} 

run(); 

---

FYI, вы не должны так глубоко гнездятся вещи. Вы можете связать свои обещания следующим образом:

var cntr = 0; 
function run() { 
    if (cntr++ > 1000) return; 
    service.do('reset').then(function (result) { 
     return service.setValue(valObj); 
    }).then (function (result) { 
     return service.do('runTask'); 
    }).then (function (result) { 
     return service.getResult(query); 
    }).then (function (result){ 
     console.log('finally done with One task'); 
     run(); 
    }); 
} 

run(); 

Answer 2

Попробуйте следующее:

var i = 100; 
window.running = false; 

while (i > 0 && !window.running) { 
    window.running = true; 
    i--; 

    service.do('reset').then(function (result) { 
     service.setValue(valObj).then (function (result) { 
      service.do('runTask').then (function (result) { 
       service.getResult(query).then (function (result){ 
        //... 

        window.running = false; 
       }); 
      }); 
     }); 
    }); 
} 

Answer 3

Попробуйте использовать ту же рекурсивную функцию

(function tasks(n, complete) { 
 
    return n < complete ? Promise.resolve("a").then(function(result) { 
 
     return Promise.resolve(result + "b").then(function(result) { 
 
      return Promise.resolve(result + "c").then(function(result) { 
 
       return Promise.resolve(result + "d").then(function(result) { 
 
        console.log("finally done with " + n + " task", result + "" + n); 
 
       }).then(tasks.bind(null, n+1, complete)); 
 
      }); 
 
     }); 
 
    }) : console.log("complete", n, complete) 
 
}(0, 100))