如何在javascript承诺链中使用循环[重复]

Question

我对 JS 比较陌生，无法将承诺概念应用于我拥有的用例，我检查了 this SO 和其他人一样，但无法为我的案例推导出解决方案。 我需要在循环中调用承诺，但只有在循环完成后才应该调用下一个“then”。这在 JS 中是否可行？

function startCooking(ingredients) {
    Utility.startConnection()
        .then(
            function (connectionTime) {             
                for (let [key, plainVector] of ingredients) {
                    encryptIngredients(plainVector)
                        .then(
                            function (encryptedBinary) {
                                return Utility.cookDinner();
                            }
                        ).then(
                            function (dinner) {                             
                                console.log(...);
                            }
                    );
                }
            }
        ).catch(
            ...
        );              
}

function encryptIngredients() {
    return new Promise(...);
}

Answer 1

这就是大致的工作方式。

如果此函数加密单一成分：

function encryptIngredient(ingredient) {

   return new Promise(...);

}

然后这个函数加密一个成分列表：

function encryptIngredients(ingredients) {

   // Note that 'shift' changes the array
   const current = ingredients.shift();
   return encryptIngredient(current).then( () => {
      if (ingredients.length > 0) {
        return encryptIngredients(ingredients);
      }
   });       

}

这是最后一个函数的 async/await 版本。它更简单：

async function encryptIngredients(ingredients) {

   for(const ingredient of ingredients) {
      await encryptIngredient(ingredient);
   }    

}