小编典典

为什么.json()返回诺言?

javascript

我最近一直在搞弄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,但是如果刚返回则返回一个值?


阅读 435

收藏
2020-04-25

共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主体后获得响应状态。

2020-04-25