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

Question

我最近一直在搞弄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对象。输出

但是，如果将其写为：

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您可以访问标题属性的标准。

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

Answer 1

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

因为您在response所有标头到达后立即收到。调用.json()使您对尚未加载的http响应的正文有了另一个保证。另请参见[为什么来自JavaScriptfetch 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主体后获得响应状态。