javascript - 使用 Promises 等待嵌套的异步任务

Question

我有类似这样的代码:

// Get the data via an AJAX call
fetchAjaxData()
.then(function(data) {
    // Update or insert the data - cannot use a merge
    data.forEach(function(item) {
         updateTable(item)
         .then(function(result)) {
             // If no rows were updated, insert the item
             if (result.rowsAffected == 0) {
                 insertIntoTable(item);
                 .then(function(result)) {
                    console.log("item added");
                 });
             }
         });
    });
    return data.length;
}).then(function(l) {
    useInsertedItems(l);
});

问题是当 useInsertedItems 运行时，数据可能尚未插入或更新。我如何确保数据在此之前完全更新或插入？

Answer 1

Promises 通过返回值 表示完成，因此您应该返回您的updateItem 和insertIntoTable 链。聚合 promise 是通过 Promise.all(或 $q.all、Q.all、$.when 等，具体取决于库)完成的:

更正后的代码将执行以下两项操作:

fetchAjaxData()
.then(function(data) {
    // Update or insert the data - cannot use a merge
    // map is like `each` with return values for each item
    var ps = data.map(function(item) { 
         return updateTable(item)
         .then(function(result)) {
             // If no rows were updated, insert the item
             if (result.rowsAffected == 0) {
                 return insertIntoTable(item); // note the return
                 .then(function(result)) {
                    console.log("item added");
                 });
             }
         });
    });
    return Promise.all(ps).then(function(){ return data.length; });
}).then(function(l) {
    useInsertedItems(l);
});