等到 for 循环中的所有 XHR 请求都完成后再进行下一步操作

如何解决等到 for 循环中的所有 XHR 请求都完成后再进行下一步操作

作为一个 JS 菜鸟，我几天来一直在这方面失败。我需要等到 for 循环中的所有 XHR 请求都完成，然后再进行下一个操作。我该怎么做？

这是其中一个片段：

window.onload = function () {
    (function () {
        var xhr = []

        for (let i = 0; i < 1000; i ++) {
            (function () {
                xhr[i] = new XMLHttpRequest()
                xhr[i].open('GET','http://www.example.com')
                xhr[i].send()
                console.log('done')
            })()
        }
        console.log('Done')

    })()
}

解决方法

函数内部的调用是同步调用。即使您的函数调用是异步的，for 循环也是同步的。您必须将 for 循环包装在同步函数中才能获得所需的输出。

window.onload = function () {
   setTimeout(()=>{
      for (let i = 0; i < 1000; i ++) {
            xhr[i] = new XMLHttpRequest()
            xhr[i].open('GET','http://www.example.com')
            xhr[i].send()
            console.log('done')
      }
   },1000);
   console.log("Done");
}

window.onload = function () { 
  (async function () {
    var xhr = [] 
    for (let i = 0; i < 1000; i ++) { 
      xhr[i] = new XMLHttpRequest() 
      xhr[i].open('GET','keshavbist.com.np') 
      await xhr[i].send() 
      console.log('done') 
    } 
    console.log('Done') 
  })()
}