Разрешать обещания один за другим (последовательность)? [Дубликат]

Ваш ответ верный. Однако я подумал, что я бы предложил альтернативу. Вы можете быть заинтересованы в $ q.serial, если часто встречаетесь с обещаниями по цепочке.

var items = ['one', 'two', 'three'];
var tasks = items.map(function (el) {
  return function () { foo(el, (items.length - i)*1000)); });
});

$q.serial(tasks);

function setTimeoutPromise(ms) {
  var defer = $q.defer();
  setTimeout(defer.resolve, ms);
  return defer.promise;
}

function foo(item, ms) {
  return function() {
    return setTimeoutPromise(ms).then(function () {
      console.log(item);
    });
  };
}

Возможно, проще, чем ответ redgeoff , если вы не нуждаетесь в нем автоматизированным способом, вы можете сцепить обещания с помощью $q.when() в сочетании с .then(), как показано в начале этот пост . return $q.when() .then(function(){ return promise1; }) .then(function(){ return promise2; });

Я предпочитаю готовить функции, которые возвращают обещания с использованием angular.bind (или Function.prototype.bind), а затем связывают их с цепочкой с помощью сокращения ярлыка. Например,

// getNumber resolves with given number
var get2 = getNumber.bind(null, 2);
var get3 = getNumber.bind(null, 3);
[get2, get3].reduce(function (chain, fn) {
   return chain.then(fn);
}, $q.when())
.then(function (value) {
   console.log('chain value =', value);
}).done();
// prints 3 (the last value)

Имея это:

let items = ['one', 'two', 'three'];

Одна строка (ну, 3 для читаемости):

return items
    .map(item => foo.bind(null, item))
    .reduce($q.when, $q.resolve());

var when = $q.when();

for(var i = 0; i < 10; i++){
    (function() {
         chain = when.then(function() {
        return $http.get('/data');
      });

    })(i); 
}

Redgeoff, ваш собственный ответ - это способ, которым я использовал для перевести массив в цепочку цепочек обещаний.

Созданный шаблон de facto выглядит следующим образом:

function doAsyncSeries(arr) {
    return arr.reduce(function (promise, item) {
      return promise.then(function(result) {
        return doSomethingAsync(result, item);
      });
    }, $q.when(initialValue));
}

//then
var items = ['x', 'y', 'z'];
doAsyncSeries(items).then(...);

Примечания:

• .reduce является необработанным javascript, а не частью библиотеки.
• result is предыдущий асинхронный результат / данные и включен для полноты. Начальным result является initialValue. Если нет необходимости передавать «результат», то просто оставьте его.
• адаптируйте $q.when(initialValue) в зависимости от того, какой обетованный lib вы используете.
• в вашем случае, doSomethingAsync есть foo (или что возвращает foo ()?) - в любом случае, функция.

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

Редактировать

Вот демон , предназначенный для демонстрации того, что шаблон, рекомендованный выше, фактически выполняет свои doSomethingAsync() вызовы последовательно, а не сразу при создании как указано в комментариях ниже.