javascript - 循环中的异步方法如何顺序执行？

Question

我想多次从数据库中获取数据。如何设置循环以 200 毫秒的间隔执行 getData() 函数。如果其中一个成功，其余的将不会被触发。它是异步方法，与此处的问题不同:Asynchronous Process inside a javascript for loop

for(var i = 0; i < 3; i++){
setTimeout(getData,200);}

这将导致输出时间间隔非常接近而不是 200 毫秒，因为它们是异步的。短时间内触发三个“setTimeout”。如0.001s 0.002s 0.003s，输出时间为0.201,0.202,2.203。

getData() 返回一个 promise 。但只要能正常工作就可以正常使用。

Answer 1

您可以通过在执行下一个 setTimeout 之前等待 setTimeout 完成来完成此操作

我不认为这可以通过回调实现，setTimeout 就是这种情况，因此您应该将其转换为基于 promise 的调用

const promiseSetTimeout = timeout => new Promise(r => setTimeout(r, timeout));

const waitManyTimes = async () => {
    for(let i = 0; i < 3; i++) {
        await promiseSetTimeout(200);
        // do something here, like getDB 
        console.log(i);
    }
}

waitManyTimes();