javascript - 如何访问 next .then() 中的日期 - 获取 api

Question

我想知道是否有办法从那时起访问下一个数据？代码如下所示:

fetch(`http://localhost:3003/users/${userObject.id}`)
        .then(res => res.json())
        .then(user => {
          ...
        })
        .then(???) 

然后第二步我就有了有关用户的所有需要​​的信息。当我将所有内容放在第二位时，它就可以工作，但是代码非常困惑且重复，我想将一些东西放入函数中。不幸的是，在这种情况下，我无法访问某些数据...

有什么想法吗？谢谢!

Answer 1

您可以通过从前一个 Promise 返回参数来将参数传递给下一个 Promise。

fetch(`http://localhost:3003/users/${userObject.id}`)
        .then(res => res.json())
        .then(user => {
          return user.id;
        })
        .then(userId => {
          console.log('user id is:', userId);
        });

此外，您可以通过使用如下所示的异步编程来实现相同的结果:

async function fetchSomeData() {
  var res = await fetch(`http://localhost:3003/users/${userObject.id}`);
  var user = await res.json();

  return user;
}

fetchSomeData().then(user => {
  console.log('user id is:', user.id)
});