尝试使用顺序承诺循环的问题(q)

时间:2013-09-04 07:03:58

标签: javascript angularjs promise q

我试图使用for循环顺序调用一系列promises,但是我无法按正确的顺序工作。从理论上讲,控制台应该记录第一个块,但是它会记录第二个块(意味着Promise全部被同时调用,而第二个promise仅在第一个之后被调用)。

我认为这可能与此链接类似,但我认为我是在声明函数而不是在当时的声明中调用它? How to sequentially run promises with Q in Javascript?

预期产出:

starting: 3 
ending: 3
starting: 2 
ending: 2
starting: 1  
ending: 1 

实际输出:

starting: 3 
starting: 2 
starting: 1 
ending: 1 
ending: 2 
ending: 3 

http://jsfiddle.net/4k6t9/3/

var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope, $q, $timeout) { 
   var temp = $q.when({});
   var arr = [3, 2, 1];

    arr.forEach(function(element) {
        temp = temp.then(delay(element));
    })

    function delay(timing) {
        var deferred = $q.defer();
        console.log('starting: ' + timing)
        $timeout(function() {
            console.log('ending: ' + timing);
            deferred.resolve(timing);
        }, timing * 1000);
        return deferred.promise;
    }
});

1 个答案:

答案 0 :(得分:4)

你的小提琴与问题中的代码略有不同。但你几乎就在那里。只有一个返回声明丢失了。

你是对的:temp = temp.then(delay(element));来电delay。你想要的是返回一个调用delay的函数。 (你有小提琴。)

唯一缺少的是return返回它:)

这是工作小提琴:http://jsfiddle.net/4k6t9/6/