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，那么你必须使用一个自我调用的函数。这不是真正的递归，因为调用堆栈没有像通常的（同步）递归那样构建。

但是，你需要一直坚持承诺。因此返回承诺，并继续使用then，同时在代码的其余部分中初次调用pull。

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

我将假设响应对象将具有包含数据块的数据属性。

这是如何工作的（使用pullFunction的虚拟实现）：

＆＃13;

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);
});

＆＃13;

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

＆＃13;

Answer 2

只需创建一个isOngoing变量

let isOngoing = false;
function pull() {
  isOngoing = true;
  dataFactory.pullFunction()
    .then(res => {
      if(<your-condition>) {
        isOngoing = false;
      } else {
        pull();
      }
    })
}

修改

您在这里处理异步操作，您无法使用传统的while或for循环进行循环。除非您的环境允许您使用async/await功能。

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

循环，直到promise函数给出结果

2 个答案: