为什么呢。json（）是否返回promise？

Question

我最近一直在摆弄getch（）api，并注意到一些有点古怪的东西。

let url = "http://jsonplaceholder.typicode.com/posts/6";

let iterator = fetch(url);

iterator
  .then(response => {
      return {
          data: response.json(),
          status: response.status
      }
  })
  .then(post => document.write(post.data));
;

post。数据返回一个promise对象。http://jsbin.com/wofulo/2/edit?js输出

但是，如果写为：

let url = "http://jsonplaceholder.typicode.com/posts/6";

let iterator = fetch(url);

iterator
  .then(response => response.json())
  .then(post => document.write(post.title));
;

post这里是一个标准的Object，您可以访问title属性

所以我的问题是：为什么response.json在对象文本中返回一个promise，但是如果刚刚返回，则返回值？

Answer 1

另外，帮助我理解您描述的这个特定场景的是Promise API文档，特别是其中解释了如何根据处理程序fn返回的内容，以不同方式解析then方法返回的promised：

如果处理程序函数：

• 返回一个值，然后返回的promise将以返回的值作为其值进行解析；
• 抛出一个错误，然后返回的promise被拒绝，抛出的错误作为其值；
• 返回一个已解析的promise，然后返回的promise将以该promise的值作为其值进行解析；
• 返回一个已经被拒绝的promise，然后返回的promise被拒绝，该promise的值作为其值。
• 返回另一个挂起的promise对象，然后返回的promise的解决/拒绝将在处理程序返回的promise的解决/拒绝之后。此外，此时返回的promise值将与处理程序返回的promise值相同。

Answer 2

这种差异是由于promise的行为造成的，而不是具体的fetch（）。

当回调返回一个额外的Promise时，链中的下一个回调基本上绑定到该Promise，接收其解决或拒绝实现和值。

第二段也可以写成：

iterator.then(response =>
    response.json().then(post => document.write(post.title))
);

在这个表单和你的表单中，post的值由从response.json（）返回的Promise提供。

但是，当返回一个普通的Object时，. so（）认为结果是成功的，并立即自行解决，类似于：

iterator.then(response =>
    Promise.resolve({
      data: response.json(),
      status: response.status
    })
    .then(post => document.write(post.data))
);

在本例中，post只是您创建的对象，它在其数据属性中持有Promise。等待这一promise实现的过程仍然是不完整的。

Answer 3

为什么response.json返回一个promise？

因为一旦所有标头到达，您就会收到响应。调用. json（）将为尚未加载的超文本传输协议响应体获取另一个promise。另请参阅为什么来自JavaScript获取API的响应对象是一个promise？。

如果我从then处理程序返回promise，为什么要获取该值？

因为promise就是这样。从回调返回promise并让它们被采纳的能力是它们最相关的特性，它使它们无需嵌套即可链接。

你可以用

fetch(url).then(response => 
    response.json().then(data => ({
        data: data,
        status: response.status
    })
).then(res => {
    console.log(res.status, res.data.title)
}));

或者任何其他访问先前promise的方法都会在等待json主体后产生一个. so（）链来获取响应状态。