带有 setTimeout 的 for 循环内的 Promise

Question

我有如下代码。我打算做的是：
1) For 循环并按顺序调用 api。
2) 下一个 for 循环迭代仅在 promise resolve 后执行，延迟 1 秒。

我正在这样做，但 console.log 什么也没打印。处理它的正确方法是什么？

const axios = require('axios');

function getData(i){
    return axios.get(`http://www.api.com/${i}`);
}

for (let i = 0; i < 10000000; i++) {
    setTimeout(() => {
        getData(i)
            .then((res) => {
                console.log(`successs ${i}`);
            })
            .catch((err) => {
                console.log(`fail ${i}`);
            })
    }, 1000)
}

Answer 1

您的代码基本上会在 1 秒延迟后同时运行 10000000 个 api 请求。您需要链接 API 调用，以便它们一个接一个地运行：

    const axios = require('axios');

    function getData(i){
        return axios.get(`http://www.api.com/${i}`);
    }

    function wait(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
    }

    function dataLoop() {
       const getOne = (i: number) => {
         if (i < 10000000) {
            getData(i)
                .then((res) => {
                    console.log(`successs ${i}`);
                })
                .catch((err) => {
                    console.log(`fail ${i}`);
                })
                .then(wait(1000))
                .then(() => getOne(i + 1))
         }
       }
       getOne(0);
    }
    dataLoop();

如果可能的话，我建议在您的情况下尝试使用 async/await，它可以大大简化事情。

for (let i = 0; i < 10000000; i++) {
    try {
        const res = await getData(i);
        console.log(`successs ${i}`);
    } catch (e) {
        console.log(`fail ${i}`);
    }
    await wait(1000);
}