javascript - 异步/等待无法在 javascript 中进行获取 API 调用

Question

我正在从我的 js 文件进行获取 API 调用，我怀疑当我使用 Async/await 时代码仍然以异步方式执行。

我也试过在不同的地方等待，但它不起作用。

 let info
 async function weather(){
 // API call
 let data=await fetch('http://api.openweathermap.org/data/2.5/weather?'+'&lat=20&lon=44'+'&units=metric'+'&APPID='+WEATHER_KEY)
  console.log("inside API")
  const res= await data.json();
  console.log(res)
 }
weather()
console.log("last part")

输出:

最后一部分

内部 API

“资源值(value)”

我的预期:

内部 API

“资源值(value)”

最后一部分

任何帮助将不胜感激..

Answer 1

最简单的方法是将它全部包装在另一个 async 函数中，这样您就可以 await weather()。

// this function fetches the weather then logs the result
async function weather() {
  // API call
  let data = await fetch('http://api.openweathermap.org/data/2.5/weather?'+'&lat=20&lon=44'+'&units=metric'+'&APPID='+WEATHER_KEY);
  console.log('inside API');
  const res = await data.json();
  console.log(res);
}

// this async function awaits for weather() to return
async function run() {
  await weather();
  console.log('last part');
}

// this runs first
run();