javascript - 从 Fetch API 中提取 JSON

Question

我意识到之前已经回答了非常相似的问题，但我仍然觉得它是如何工作的非常困惑...

根据我的理解，promises 用于处理异步请求 - 这些 promises 本质上发回状态或“promise”，即稍后将交付 JSON 主体(或其他对象)。

我想了解的是我如何正确处理这些请求，以便在 JSON 正文准备好解析之前函数不会返回。

下面我试图简单地提取键“result”(它返回一个字符串“result”)并将其解析为另一个可以存储的变量，然后在我的代码中的其他地方使用。不幸的是，我的代码总是返回一个 [Object Promise]，而不是提取的 JSON。我相信这是因为 response.json 也是一个 promise ......但是，我不明白我是如何摆脱“ promise 链”并返回一个我可以实际做某事的值。

谢谢你的建议，

async function name() {
    const response = await fetch('https://xxxxx.herokuapp.com/timespent', {});
    const json = await response.json();

    return json.result;
}

let varr = name();
console.log(varr)

Answer 1

因为你的函数是异步的，它总是返回一个 promise 。您需要使用等待结果。

阅读更多关于异步的信息 here

async function name() {
  const response = await fetch('https://mautargets.herokuapp.com/timespent', {});
  const json = await response.json();
  return json.result;
    }

async function result(){
  //await can only be called from inside of async function. So we need async function for await name()
  
  let varr = await name();
  console.log(varr)  // Success
}

result()