如何在 Javascript 中使用 Q 顺序运行Promise？

IT技术 javascript promise q
2021-01-19 20:35:37

我很难按顺序运行Promise。

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", "upon", "a", "time"] 但由于某种原因它们被立即输出。

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

知道我做错了什么吗？

1个回答

但由于某种原因，它们立即被输出。

你已经在这里打电话给他们：

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

你需要推function(){ return getDelayedString(str); }。顺便说一句，与其在each循环中使用推送到数组，不如使用map. 实际上，无论如何您都不需要它，但可以直接reduce遍历strings数组：

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

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

哦，不要使用document.write.

是的，它必须是一个函数工厂才能工作，否则它会立即执行。
2021-03-21 20:35:37
感谢您的回答和其他提示！
2021-03-27 20:35:37
其它你可能感兴趣的问题
上一篇JS：将字符串数组转换为对象数组 下一篇在新选项卡/窗口中传递数据或修改扩展 html