循环中限制 API 调用的等待函数

Question

我正在尝试处理每次通过循环时要调用的 3 个受限制的 API 端点。我试图确保每次调用迭代之间有 500 毫秒的延迟，所以我不会发出太多请求，而是在等待 500 毫秒 * 迭代次数后发出所有调用，这当然会达到请求限制返回 429。

我所做的是创建了一个我认为很简单的等待函数，但它不起作用，所以我开始搜索这个问题。我发现的几乎每个解决方案都是相同类型的函数，它要么忽略等待，要么执行我现在正在经历的事情，或者建议使用我正在避免的第 3 方依赖项，因为这是我唯一这样做的地方我的代码。现在我有了一个新的等待功能，根据研究稍作修改。这是我当前的代码：

// wait function

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


// one of 3 identical api calls (except the endpoint changes, in this case I've filled it with 
example.com)

function callAPI(param) {
    return fetch (`https://example.com?param=${param}`)
        .then(res => {
            if (res.ok) {
                return res.json();
            }
        });
}


// Iteration

async function getEach(arr) {
    arr.forEach(async name => {
        await wait(500);
        await callAPI(name);
        // then api call 2, 3
        // then return, console log, append to obj or array, w.e. with the api results
    });
}

getEach(arrList);

我希望知道的是：

1. 了解为什么这不符合我的想法
2. 如何达到我想要的结果

谢谢

Answer 1

Array.forEach 不会等待 wait() 和 callAPI() 调用完成，因此它们会很快被连续调用。但是您可以使用 for .. of 循环或仅使用 for 循环轻松完成此操作。

例如：

async function getEach(arr) {
    for(let name of arr) {
        await wait(500);
        await callAPI(name);
    }
}

或

async function getEach(arr) {
    for(let i = 0; i < arr.length; i++) {
        await wait(500);
        await callAPI(arr[i]);
    }
}