为什么.json（）返回诺言？

我最近一直在搞弄fetch()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.data返回一个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您可以访问标题属性的标准。 http://jsbin.com/wofulo/edit?js，输出

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

为什么要response.json兑现承诺？

因为您在response所有标头到达后立即收到。调用.json()使您对尚未加载的http响应的正文有了另一个保证。另请参见为什么来自JavaScript fetch API的响应对象是一个承诺？。

如果我从then处理程序返回了承诺，为什么我会得到该值？

因为那是诺言的工作方式。从回调返回承诺并被采纳的能力是它们最相关的功能，它使它们可链接而不嵌套。

您可以使用

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

或其他任何访问先前的Promise的方法都会导致.then（）链在等待json主体后获取响应状态。

这种差异是由于Promises的行为而不是fetch()特定原因造成的。

当一个.then()回调返回一个额外的时Promise，.then()链中的下一个回调实质上就是绑定到该Promise，接收其解析或拒绝实现和价值。

第二个片段也可以写成：

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

在此表格和您的表格中，的值post均由从返回的Promise提供response.json()。

Object但是，当您返回一个plain 时，会.then()认为该结果成功并立即解决，类似于：

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

post在这种情况下，Object您创建的只是Promise它的data属性。等待兑现诺言的等待仍未完成。

另外，帮助我理解您描述的特定情况的是Promise API 文档，特别是在该文档中，它解释了如何then根据处理程序fn返回的内容来不同地解决方法返回的promise：

如果处理函数：

• 返回一个值，然后返回的promise将返回的值作为其值进行解析；
• 抛出错误，则返回的promise将被拒绝，并以抛出的错误作为其值；
• 返回一个已经解决的承诺，然后以该承诺的值作为其值解决返回的承诺；
• 返回一个已经被拒绝的承诺，然后以该承诺的值作为其值被拒绝的承诺返回。
• 返回另一个未处理的promise对象，届时返回的promise的解析/拒绝将在处理程序返回的promise的解析/拒绝之后。而且，那时返回的promise的值将与处理程序返回的promise的值相同。

除了上述答案之外，这里还介绍了如何处理来自api的500系列响应，在该处您收到以json编码的错误消息：

function callApi(url) {
  return fetch(url)
    .then(response => {
      if (response.ok) {
        return response.json().then(response => ({ response }));
      }

      return response.json().then(error => ({ error }));
    })
  ;
}

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

const { response, error } = callApi(url);
if (response) {
  // handle json decoded response
} else {
  // handle json decoded 500 series response
}