为什么来自JavaScript fetch API的响应对象是一个承诺？

Question

从具有JavaScript fetch API的服务器请求时,您必须执行类似的操作

fetch(API)
  .then(response => response.json())
  .catch(err => console.log(err))

在这里,response.json()正在解决它的承诺.

问题是,如果你想捕获404错误,你必须解决响应承诺,然后拒绝获取承诺,因为只有在catch出现网络错误时你才会结束.所以fetch调用就像是

fetch(API)
  .then(response => response.ok ? response.json() : response.json().then(err => Promise.reject(err)))
  .catch(err => console.log(err))

这是一个更难阅读和推理的东西.所以我的问题是:为什么需要这个？将承诺作为回应价值有什么意义？有没有更好的方法来处理这个？

Answer 1

如果你的问题是"为什么要response.json()回报承诺？" 然后@Bergi在评论中提供线索:"它等待身体加载".

如果你的问题是"为什么不是response.json一个属性？",那么就需要fetch延迟返回它的响应直到主体加载,这对一些人来说可能是好的,但不是每个人都可以.

这个polyfill应该得到你想要的:

var fetchOk = api => fetch(api)
  .then(res => res.ok ? res : res.json().then(err => Promise.reject(err)));

然后你可以这样做:

fetchOk(API)
  .then(response => response.json())
  .catch(err => console.log(err));

反向不能是polyfilled.