异步等待不等待功能完成

Question

我使用 fetch 来获取数组中每个元素的数据。这些值被推入一个数组，我想 return 一旦获取所有值，这些值的最大值。

为此我使用了一个承诺：

 async function init() {
     await maxWaste(nut0Codes).then(response => {
         console.log(response);
     });
 }

 function maxWaste(nutCodes) {
     return new Promise(resolve => {
         let waste = [];
         nutCodes.forEach((element) => {
             let query = queryMaxWaste(element);
             fetch(address + encodeURIComponent(query))
                 .then(response => {
                      return response.json();
                  })
                 .then(response => {
                        waste.push(response.results.bindings[0].wasteGeneration.value);
                        console.log(waste);
                 });
         });
         let maxWaste = Math.max(waste);
         resolve(maxWaste);
     });
 }

我不确定我的错误在哪里，但在获取完成之前解决了：

我从 console.log(response) 收到零，但我不知道为什么它不起作用。

如有任何建议，我们将不胜感激！

Answer 1

如果您要编写使用 async 的代码，您实际上应该利用 async。如果这需要运行同步，您可以在 for 循环中等待。如果您希望它们全部同时运行，请使用 map 和 Promise.all。

async function init() {
  const response = await maxWaste(nut0Codes);
  console.log(response);
}

async function maxWaste(nutCode) {
  const waste = [];

  for (const element in nutCode) {
    const query = queryMaxWaste(element);
    const response = await fetch(address + encodeURIComponent(query));
    const json = await response.json();
    waste.push(json.results.bindings[0].wasteGeneration.value);
    console.log(waste);
  }
  const maxWaste = Math.max(waste);
  return maxWaste;
}

您也可以尝试这样写，这样您就不会在运行下一个响应之前等待每个响应完成 fetch:

async function init() {
  const response = await maxWaste(nut0Codes);
  console.log(response);
}

async function maxWaste(nutCode) {
  const waste = await Promise.all(nutCode.map(async element => {
    const query = queryMaxWaste(element);
    const response = await fetch(address + encodeURIComponent(query));
    const json = await response.json();
    return json.results.bindings[0].wasteGeneration.value;
  }));

  return Math.max(waste);
}

异步等待不等待功能完成

Async await does not wait for function to finish

javascript

foreach

asynchronous

async-await

fetch-api