如何在Javascript中用Q顺序运行promises?

时间:2013-08-22 17:07:57

标签: javascript promise q

我很难顺序执行承诺。

var getDelayedString = function(string) {
    var deferred = Q.defer();

    setTimeout(function() {
        document.write(string+" ");
        deferred.resolve();
    }, 500);

    return deferred.promise;
};

var onceUponATime = function() {
    var strings = ["Once", "upon", "a", "time"];

    var promiseFuncs = [];

    strings.forEach(function(str) {
        promiseFuncs.push(getDelayedString(str));
    });

    //return promiseFuncs.reduce(Q.when, Q());
    return promiseFuncs.reduce(function (soFar, f) {
        return soFar.then(f);
    }, Q());    
};

getDelayedString("Hello")
.then(function() {
    return getDelayedString("world!")
})
.then(function() {
    return onceUponATime();
})
.then(function() {
    return getDelayedString("there was a guy and then he fell.")
})
.then(function() {
    return getDelayedString("The End!")
})

onceUponATime()应按顺序输出[“Once”,“on”,“a”,“time”],但由于某种原因,它们会立即输出。

jsFiddle这里:http://jsfiddle.net/6Du42/2/

知道我做错了吗?

1 个答案:

答案 0 :(得分:15)

  

但是出于某种原因它们会立即输出。

你在这里打电话给他们:

promiseFuncs.push(getDelayedString(str));
//                                ^^^^^

您需要推送function(){ return getDelayedString(str); }。顺便说一下,你应该使用map而不是在each循环中使用推送到数组。实际上你并不是真的需要它,但可以reduce直接strings数组:

function onceUponATime() {
    var strings = ["Once", "upon", "a", "time"];

    return strings.reduce(function (soFar, s) {
        return soFar.then(function() {
            return getDelayedString(s);
        });
    }, Q());    
}

哦,还有don't use document.write