将第二个查询的结果添加到第一个查询的答案

Question

我的问题是，至少有一个 then() 函数没有等待前一个函数结束。

代码被缩短但大致是这样的：

        var objCheck = {};

    var id = thisClick.attr('id');
    APP.db.checkInfo.get(id).then(function (resultDetail) {
        objCheck.details = resultDetail;
    }).then(function () {
        var checkPoints = APP.db.checkRooms.where('check_id').equals(id);
        checkPoints.toArray(function(dataArray) {
            dataArray.measures = [];
            objCheck.checkpoints = dataArray;
        });
    }).then(function () {
        var arrayLength = objCheck.checkpoints.length;

        for (var i = 0; i < arrayLength; i++) {
            var roomId = objCheck.checkpoints[i].room_id;
           var measure = APP.db.measures.where('room_id').equals(roomId);
           measure.toArray(function(dataArray) {
            objCheck.checkpoints[i].measures = dataArray;
        });
        }
    }).then(function () {
        $.ajax(
         // Here I send then objCheck to the server
       ).done(...);
    }).catch(function(error) {
     alert ("Error upload: " + error);
    });

如果我在最后将 objCheck 打印到控制台，我会看到测量值已填写。但在 ajax() 调用中，它不会一起发送。所以在我看来，最后一个 then() 在倒数第二个完成之前运行。

这似乎是我的误解。谁能告诉我我的逻辑有什么问题？

Answer 1

你必须在每个 then 的回调中返回一些东西（promise 或只是对象、数组、...）：

var objCheck = {};

var id = thisClick.attr('id');

APP.db.checkInfo.get(id).then(function (resultDetail) {
    objCheck.details = resultDetail;
    return objCheck;
}).then(function () {
    var checkPoints = APP.db.checkRooms.where('check_id').equals(id);
    return checkPoints.toArray();
}).then(function (dataArray) {
    dataArray.measures = [];
    objCheck.checkpoints = dataArray;
    var arrayLength = objCheck.checkpoints.length;

    var promises = objCheck.checkpoints.map(function(chk) {
        var roomId = chk.room_id;
        return APP.db.measures.where('room_id').equals(roomId);
    });

    return Promise.all(promises);
}).then(function(res) {
    objCheck.checkpoints.forEach(function(chekpoint, i) {
        chekpoint.measures = res[i];
    });
    return objCheck
}).then(function () {
    $.ajax(
        // Here I send then objCheck to the server
    ).done(...);
}).catch(function(error) {
    alert ("Error upload: " + error);
});