我很难顺序执行承诺。
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/
知道我做错了吗?
答案 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());
}