获取和异步等待总是返回未定义

Question

我的一个服务器调用花了将近 30 秒来返回数据，所以它总是未定义，所以我使用异步并承诺解决此问题，但得到“未定义”。以下是我的代码片段提前谢谢

   function fetchFunc() {
        fetch('https://jsonplaceholder.typicode.com/posts')
            .then(response => response.json())
            .then((json) => {
                // console.log(json)
                return json;
            })
    }

    function resolveAfter2Seconds() {
        return new Promise(resolve => {
                resolve(fetchFunc());
        });
    }

    async function asyncFunc() {
        debugger
        console.log("res" + resolveAfter2Seconds())
        let response = await resolveAfter2Seconds();
        console.log("response = " + response);
    }
    asyncFunc();

Answer 1

正如 peeps 之前在 cmets 中所说，当您希望函数为您提供值时，您应该使用 return 关键字。所以，在这种情况下，您实际上返回了 fetch 响应，但忘记返回 fetch 承诺值本身。

所以你的代码应该是这样的：

function fetchFunc() {
  return fetch('https://jsonplaceholder.typicode.com/posts')
    .then(response => response.json())
    .then((json) => {
      // console.log(json)
      return json;
    })
}

function resolveAfter2Seconds() {
  return new Promise(resolve => {
    resolve(fetchFunc());
  });
}

async function asyncFunc() {
  debugger
  console.log("res" + resolveAfter2Seconds())
  let response = await resolveAfter2Seconds();
  console.log("response = " + response);
}
asyncFunc();