在 Promise 解析中为外部 API 设置超时

Question

我有一个 API，它返回一些值并依赖于我想创建一个数组并将该数组传递给解析的值。它在为解析设置超时时起作用，例如，我在 5 秒内设置了5000 sec，它会获取数据、推送数组并解析。但我不想设置超时。请参阅 cmets 以获得更好的理解。它是一个 nodejs 函数。

const calculateTotal = (arr) => {
  let clientHotspotsTotal = [];
  return new Promise((resolve, reject) => {
    arr.forEach((data) => {      
      axios.get(`enpoint/data?.address`)
        .then((response) => {
          if (response?.data) {
            console.log('API SUCCESS');
            const val = (response?.data?.data?.total * data?.percentage) / 100;            
            clientHotspotsTotal.push({
              total: val,
            });
          } else {
            reject('API failed!');
          }
        })
        .catch((error) => {
          throw new Error(error);
        });
    });
    resolve(clientHotspotsTotal);     ///         it return empty [], cause no time set for wait
    setTimeout(() => {
       resolve(clientHotspotsTotal)      //   it doesn't return empty because in that time api fetch data 
                                             an push into array
    }, 5000)
  });
};

所以我的问题是，当我为多个用户运行 for 循环时，如何等待多个请求的 API 响应。

Answer 1

您可以通过使用 async / await 和 Promise.all 大大简化此操作。我们可以从 axios 调用中创建一个 Promise 数组，然后使用 Promise.all 获取响应数据。

然后我们遍历响应，返回结果。

const calculateTotal = async (arr) => {
  const responses = await Promise.all(arr.map(data => axios.get(`enpoint/${data?.address}`)));
  const clientHotspotsTotal = responses.map((response, i) => {
    return({ total: (response?.data?.data?.total * arr[i]?.percentage) / 100});
  });
  return clientHotspotsTotal;
};

async function testIt() {
   let result = await calculateTotal([
     { address: 'someaddress', percentage: 0.50 }, 
     { address: 'someaddress', percentage: 0.75 }
   ]);
   console.log(result);
}

testIt()