javascript - 循环直到 Promise 函数给出结果

Question

我正在寻找循环 Promise 函数，直到得到我想要的结果。

到目前为止，我正在使用这样的递归:

function pull() {
   dataFactory.pullFunction().then(function(res) {
      pull()       
   })
}

但这给我的加载栏带来了一些前端/样式错误。

我会做这样的事情:

function pull() {
    while (res.status == 'ONGOING') {
        dataFactory.pullFunction().then(function(res) {
            // my stuffs
        })
    }
 }

但是当我尝试时，pullFunction() 永远不会被调用。

Answer 1

如果您无法使用async/await，那么您必须使用一个调用自身的函数。这并不是真正的递归，因为调用堆栈不像通常的(同步)递归那样构建。

但是，你需要始终遵守 promise 。因此，返回 promise ，并继续使用then，也在代码的其余部分中首次调用pull时也是如此。

您可能还希望将从拉取中获得的数据 block 收集到一个数据集中。

我在这里假设响应对象将具有包含数据 block 的数据属性。

这是如何工作的(使用pullFunction的虚拟实现):

function pull() {
    return (function loop(data) {
        return dataFactory.pullFunction().then ( res => {
            return res.status === 'ONGOING'
                ? loop(data.concat(res.data))
                : data.concat(res.data)
        });
    })([]);
}

// Mock implementation
var dataFactory = {
    pullFunction: function () {
        console.log('pull');
        return new Promise( resolve => {
            setTimeout(_ =>
                resolve({
                    status: Math.random() > 0.7 ? 'DONE' : 'ONGOING',
                    data: [1,2,3,4]
                }),
            500)
        });
    }
}

// test it
pull().then( (data) => {
    console.log('data: ', data);
});

.as-console-wrapper { max-height: 100% !important; top: 0; }