标签:fetch-api javascript asynchronous promise
我最近一直在搞乱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对象.
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这里是一个标准的Object,你可以访问title属性.
http://jsbin.com/wofulo/edit?js,output
所以我的问题是:为什么response.json在对象文字中返回一个promise,但是如果刚刚返回则返回值?
解决方法:
Why does
response.json
return a promise?
因为您在收到所有标题后立即收到回复.调用.json()可以获得尚未加载的http响应主体的另一个承诺.另见Why is the response object from JavaScript fetch API a promise?.
Why do I get the value if I return the promise from the
then
handler?
因为that’s how promises work.从回调中返回promises并使它们被采用的能力是它们最相关的特性,它使它们可以在没有嵌套的情况下进行链接.
您可以使用
fetch(url).then(response =>
response.json().then(data => ({
data: data,
status: response.status
})
).then(res => {
console.log(res.status, res.data.title)
}));
或等待json身体后获得响应状态的任何其他approaches to access previous promise results in a .then() chain.
标签:fetch-api,javascript,asynchronous,promise
来源: https://codeday.me/bug/20190911/1804541.html
本站声明:
1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。