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

当使用 JavaScript fetch API 从服务器请求时，您必须执行类似的操作

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

Here, 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))

这是更难阅读和推理的事情。所以我的问题是：为什么需要这个？将承诺作为响应值有什么意义？有没有更好的方法来处理这个问题？

如果你的问题是“为什么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));

反之则不能进行多重填充。