在 for 循环中解析查询(回调）

Parse query (callback) in for loop

本文关键字：查询 回调 for 循环      更新时间：2023-09-26

这里的javascript新手，所以回调在我的大脑中仍然有点不稳定。

我要做的是：给定一个"菜单"，它是一个 objectId 数组，查询与该 objectId 对应的每个 foodItem，获取它的投票，将其放入最小堆中（以确定哪些是前 5 个项目），并返回前 5 个项目。

我最后的堆是空的，

因为我意识到 JavaScript 是异步的，当我尝试获取堆数据时，回调可能不一定完成。

如果只是一个调用，我只会嵌套回调，但由于这是一个循环，我不确定该怎么做。

function getTopFoods(menu, heap, callback) {
//go through each objectId, get its foodItem and then its votes, then heap it
    console.log("got to TopFoods");
        for (var i = 0; i < menu.length; i++) {
            var foodID = menu[i];
            var FoodItem = Parse.Object.extend("FoodItem");
            var foodQuery = new Parse.Query(FoodItem);
            foodQuery.equalTo("objectId", foodID);
            //get corresponding foodItem
            foodQuery.find({
                success: function(foodResult) {
                    //got specific food Item
                    var votes = foodResult.get("votes");
                    console.log("votes: " + votes);
                    if (heap.length < 5) {
                        heap.queue(foodResult);
                    } else {
                        if (votes > heap.peek().get("votes")) {
                            heap.dequeue();
                            heap.queue(foodResult);
                        }
                    }
                }, 
                error: function(error) {
                    console.log("Food error: " + error.code + " " + error.message);
                }
            }); 
        }
        var topFoods = [];
        for (var i = 0; i < 5; i++) {
            topFoods[i] = heap.dequeue();
        }
        callback(topFoods);
}

最简单的方法是使用 promises;在这个阶段，这涉及使用一个库（在 ES6 中使用 JavaScript）。如果你想要一个低技术的解决方案，只需数数东西：

var waitingCount = menu.length;
for (....) {
  ...
  success: function(foodResult) {
    ...
    if (!--waitingCount) {
      callback(topFive(heap));
    }
  },
  error: function(error) {
    --waitingCount;
    ...
  }
  ...
}

这只是基本思想。如果您还减少失败响应的计数器，那就太好了，因为这样一次失败会让您挂起。

编辑：错误，显然，检查需要转到success的底部，而不是像我的片段之前指出的那样转到顶部，否则您将错过最后一个元素。我也输入了错误案例。

编辑2：正如eth3lbert所指出的，parse.com API也支持承诺（我不 parse.com 工作，所以......感谢您的提示）。在这种情况下，您可以执行以下操作：

var promises = [];
for (....) {
  var promise = foodQuery.find({
    ...
  });
  promises.push(promise);
});
Parse.Promise.when(promises).then(function()) {
  callback(topFive(heap));
}
相关文章：