Недавно я возился с API fetch () и заметил кое-что странное.

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 возвращает объект обещания.http://jsbin.com/wofulo/2/edit?js,output

Однако, если это написано как:

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

let iterator = fetch(url);

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

post здесь - это стандартный объект, к которому вы можете получить доступ к атрибуту title.http://jsbin.com/wofulo/edit?js,output

Поэтому мой вопрос: почему response.json возвращает обещание в литерале объекта, но возвращает значение, если оно только что возвращено?