时间戳

首页 > 解决方案 > 仅在执行完异步函数后如何转到循环中的下一项？

javascript - 仅在执行完异步函数后如何转到循环中的下一项？

问题描述

仅在异步函数成功执行后，如何执行循环中的下一项？

这是我当前代码的 sudo 代码：

async function myAsyncFunction(param) {
    try {
        // some code
    } catch (error) {
        // some code
    }
}

const myArray = ["one", "two", "three", "four"];

for(let i = 0; i < myArray.length; i++) {
    const resultOfMyAsyncFunction = myAsyncFunction(myArray[i]);
    resultOfMyAsyncFunction.then(result => {
        // some code
    });
}

现在如果成功，它会处理数组中的所有项目，否则它会失败。我想一次尝试一件。如果成功，请尝试下一项。如果没有，请再试一次。

我在这里做错了什么？

for(let i = 0; i < myArray.length;) {
    const resultOfMyAsyncFunction = myAsyncFunction(myArray[i]);
    resultOfMyAsyncFunction.then(result => {
        // some code
    })
    .then(i++) //Shouldn't i++ happen only after previous .then() is successful?
    ;
}

我正在寻找这个：

for(let i = 0; i < myArray.length;) {
    const resultOfMyAsyncFunction = myAsyncFunction(myArray[i]);
    resultOfMyAsyncFunction.then(result => {
        // if result is successful, do something
        i++;
        //else try again
    }); 
}

Bergi 的解决方案奏效了。

(async function() {    
    const myArray = ["one", "two", "three", "four"];

    for(let i = 0; i < myArray.length; i++) {
        const result = await myAsyncFunction(myArray[i]);
//                     ^^^^^
        if (result) {
            // do something
        }
        else {
            i--;
        }
    }
})();

标签： javascriptasynchronous

解决方案

由于您已经在使用async/await语法，只需await在循环体中放置一个表达式而不是 using then（它只是创建一个承诺，但不会阻塞循环）。

(async function() {    
    const myArray = ["one", "two", "three", "four"];

    for(let i = 0; i < myArray.length; i++) {
        const result = await myAsyncFunction(myArray[i]);
//                     ^^^^^
        if (/* result is successful */) {
            // do something
            break;
        }
        // else it goes into next iteration to try again
    }
})();

推荐阅读