前端面试题！！请求失败会弹出一个toast，如何保证批量请求失败，只弹出一个toast

在批量请求的场景中，确保只在所有请求失败后才弹出一个toast，可以通过以下几种方法实现：

1. 使用计数器：

   • 初始化一个计数器，记录失败请求的数量。
   • 每当请求失败时，计数器加一。
   • 在所有请求结束后检查计数器的值，如果等于请求总数，则弹出toast。

2. 使用标志变量：

   • 设置一个标志变量，默认为false。
   • 当第一个请求失败时，将标志变量设置为true。
   • 后续的请求失败后，检查这个标志变量，如果是true则不再进行设置，确保toast只弹出一次。
   • 在所有请求结束后，检查标志变量，如果是true则弹出toast。

以下是使用JavaScript和Promise实现的一个示例：

function request(url) {
  return new Promise((resolve, reject) => {
    // 模拟请求，实际应用中应替换为真正的HTTP请求
    setTimeout(() => {
      if (Math.random() > 0.5) { // 随机成功或失败
        resolve('Success');
      } else {
        reject('Failure');
      }
    }, 1000);
  });
}

function showToast(message) {
  // 实现弹toast的方法
  console.log(message);
}

function batchRequest(urls) {
  let hasFailed = false;

  const promises = urls.map(url => {
    return request(url).catch(error => {
      if (!hasFailed) {
        hasFailed = true;
      }
      return error; // 返回错误，但不直接处理
    });
  });

  Promise.all(promises).then(results => {
    // 检查是否有失败的请求
    if (results.some(result => result === 'Failure')) {
      if (hasFailed) {
        showToast('所有请求均失败');
      }
    }
  });
}

// 示例用法
batchRequest(['http://example.com/api1', 'http://example.com/api2', 'http://example.com/api3']);

在这个例子中，batchRequest函数接收一个URL数组，对每个URL发起请求。如果请求失败，它将设置hasFailed标志。所有的请求都通过Promise.all来并行处理，最后检查结果数组中是否有失败的情况，并且确保只弹出一个toast。

这种方法适用于Web应用中的JavaScript，也可以根据不同的编程语言和框架进行相应的调整。