时间戳

首页 > 解决方案 > While 循环中的承诺，其中 while 的条件基于承诺的结果

javascript - While 循环中的承诺，其中 while 的条件基于承诺的结果

问题描述

我需要做一个不确定的循环，其中循环的条件将基于循环内从数据库获取一些数据的承诺的响应。循环应该在一个 promise 中完成，然后返回从数据库中提取的记录的总列表。这与现实世界的示例相比有所简化，但已尝试提供一些基本代码来演示我本质上想要做什么。

对 getLinkedEntities 的调用传入一个实体，并基于链接的实体 id 开始循环，在该循环中返回链接的实体，然后从原始承诺返回。

我遇到的问题是，由于 promise 的异步性质，在 while 循环中调用 getElement 的那一刻它永远不会解决，因为函数继续并陷入连续循环。

希望这段代码能很好地描述我正在尝试做的事情，即最终得到一组链接实体，但是如何以允许所有承诺返回的同步方式完成呢？

   function getLinkedEntities(startEntity) { 
        return new Promise(function (resolve, reject) {

            var linkedEntities = [];
            var entityId = startEntity.id;
            var someOtherId = startEntity.linkedentityid;

            var stopLoop = false;

            do {

                getElement(someOtherId).then(function (entity) {
                    linkedEntities.push(entity)
                    entityId = entity.id;
                    someOtherId = entity.linkedentityid;
                    stopLoop = entity.linkedentityid === null ? 1 : 0;
                });

            }
            while (!stopLoop);

            resolve(linkedEntities);

        });
    }

    function getElement(id) {
        return new Promise(function (resolve, reject) {
            // go to database and get an entity
            resolve(entity);
        });
    }

    getLinkedEntities(someEntity).then(function (response) {
        // do somethign with linkedEntities
    });

标签： javascriptes6-promise

解决方案

如果不使用async / await，您可以做的是创建一个内部函数，该函数调用自身。

例如。

  ...
  function getNext() {
     return getElement(someOtherId).then(function (entity) {
       linkedEntities.push(entity)
       entityId = entity.id;
       someOtherId = entity.linkedentityid;
       stopLoop = entity.linkedentityid === null ? 1 : 0;
       if (stopLoop) return resolve(linkedEntities);
       else return getNext();
     });
  }
  //boot strap the loop
  return getNext();
}

基本上这只是一直调用getNext直到stopLoop被设置，然后解析linkedEntities，如果没有，它会getNext再次调用。IOW：正是你的 while 循环在做什么。

下面是一个使用这个想法的工作片段，而不是getElement，我已经用睡眠承诺代替了。基本上填充的数组在每次数组推送之间等待 500 毫秒。

function sleep(ms) {
  return new Promise(function (resolve) {
    setTimeout(resolve, ms);
  });
}

function test() {
  var ret = [];
  function getNext() {
    return sleep(500).then(function () {
      if (ret.length >= 10) {
        return ret;
      } else {
        console.log('tick: ' + ret.length);
        ret.push(ret.length + 1);
        return getNext();
      }
    });
  }
  return getNext();
}

test().then(function (r) {
  console.log('Resolved with ->');
  console.log(r.join(','));
});

推荐阅读