我最近一直在搞弄fetch()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返回一个Promise对象。输出
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您可以访问标题属性的标准。
post
Object
所以我的问题是:为什么response.json要在对象文字中返回一个promise,但是如果刚返回则返回一个值?
response.json
为什么要response.json兑现承诺?
因为您在response所有标头到达后立即收到。调用.json()使您对尚未加载的http响应的正文有了另一个保证。另请参见[为什么来自JavaScriptfetch API的响应对象是一个承诺?。
response
.json()
如果我从then处理程序返回承诺,为什么我会得到该值?
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主体后获得响应状态。