js for循环异步请求按顺序执行

// 使用 async/await 和 for 循环来确保异步请求按顺序执行

async function executeRequestsInOrder(urls) {
  for (let i = 0; i < urls.length; i++) {
    try {
      // 每次等待当前的异步请求完成后再进行下一次请求
      const response = await fetch(urls[i]);
      const data = await response.json();
      console.log(`Request ${i + 1} completed:`, data);
    } catch (error) {
      console.error(`Request ${i + 1} failed:`, error);
    }
  }
}

// 示例用法
const urls = [
  'https://jsonplaceholder.typicode.com/posts/1',
  'https://jsonplaceholder.typicode.com/posts/2',
  'https://jsonplaceholder.typicode.com/posts/3'
];

executeRequestsInOrder(urls);

解释说明：

• async/await 是处理异步操作的一种方式，它可以让代码看起来更像同步代码，从而更容易理解和维护。
• 在这个例子中，executeRequestsInOrder 函数是一个异步函数，它接收一个 URL 数组作为参数。
• 使用 for 循环遍历每个 URL，并使用 await 确保每次异步请求（fetch）在继续下一个请求之前完成。
• 如果请求成功，会将返回的数据打印到控制台；如果请求失败，则会捕获错误并打印错误信息。

这样可以确保所有的异步请求是按顺序执行的。