从挂起的承诺中返回数据

2024-05-14 • 问答

尝试将响应存储到变量中。不知道我做错了什么。任何帮助将不胜感激。

async function fetchData(url) {
  const response = await fetch(url);

  if (!response.ok) {
    const message = `An error has occured: ${response.status}`;
    throw new Error(message);
  }

  const data = await response.json();
  return data;
}

async function getactivities() {
  let response = null;
  try {
    response = await fetchData("https://www.boredapi.com/api/activity");
    return response;
  } catch (error) {
    throw error;
  }
}

let data = getactivities();
console.log(data);

您将不得不等待从 getActivities 返回的承诺解决。由于您将该函数标记为 async，因此它将返回一个解析为函数返回值的承诺。

例如：

getActivities()
    .then(data => console.log(data));

或者，将您的应用程序逻辑包装到一个 async 函数中，这将允许您使用 await：

async function main() {
  let data = await getActivities();
  console.log(data);
}
main();

一旦 top level awaits 成为一个东西，将您的逻辑包装在主函数中将是不必要的。

使用您在函数中使用的相同逻辑， console.log() 会在您的数据返回之前很好地执行。

您可以使用 .then()

getActivities().then(data => 
{ console.log(data);
});

或者如果你想和另一个async/await

(async randomFunction() {
let data = await getActivities();
console.log(data);
}());

从挂起的承诺中返回数据

ttmax_1 回答：从挂起的承诺中返回数据

大家都在问