javascript - JS Async/Await 不能与 forEach 结合使用

Question

这是我正在使用的代码(IP 地址因显而易见的原因被审查):

async function buildJobsView() {
    let jobList = await getJobs()
    Promise.all([getJobs()]).then($("#jobsPane").text(jobList))
}

async function getJobs() {
    //Open API connection and submit
    var url = "http://IPADDRESS:8082/api/jobs?IdOnly=true"
    var xhr = new XMLHttpRequest()
    xhr.open("GET", url, true)
    xhr.send()
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4 && xhr.status == "200") {
            return xhr.response
        }
    }
}

无论出于何种原因，jobList 变量都在 getJobs() 函数完成运行之前被赋值。 getJobs() 函数最终确实返回了正确的输出，但是代码已经继续了。我做错了什么？

Answer 1

async 不会自动将基于回调的代码转换为基于 Promise 的代码 - 您必须显式地将回调转换为 Promise 并在您希望能够将其用作一个 promise 。

function getJobs() {
  return new Promise((resolve) => {
    //Open API connection and submit
    var url = "http://IPADDRESS:8082/api/jobs?IdOnly=true"
    var xhr = new XMLHttpRequest()
    xhr.open("GET", url, true)
    xhr.send()
    xhr.onreadystatechange = function() {
      if(xhr.readyState == 4 && xhr.status == "200") {
        resolve(xhr.response)
      }
    }
  });
}

然后，getJobs 将返回一个 Promise，然后您可以使用 await 来消费它:

const jobList = await getJobs()