Eu tenho mexido com a fetch()
API recentemente e percebi algo um pouco estranho.
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
retorna um Promise
objeto.
http://jsbin.com/wofulo/2/edit?js,output
No entanto, se estiver escrito como:
let url = "http://jsonplaceholder.typicode.com/posts/6";
let iterator = fetch(url);
iterator
.then(response => response.json())
.then(post => document.write(post.title));
;
post
aqui está um padrão Object
que você pode acessar o atributo title.
http://jsbin.com/wofulo/edit?js,output
Portanto, minha pergunta é: por que response.json
retorna uma promessa em um objeto literal, mas retorna o valor se acabou de retornar?
response.json()
promessa pode ser rejeitada se a resposta não for um JSON válido.