为什么JavaScript获取API的响应对象是一个promise？

Question

当使用JavaScript读取API从服务器请求时，您必须执行以下操作

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

这里，响应。json（）正在解决它的promise。

问题是，如果您想捕获404的错误，您必须解决响应promise，然后拒绝读取promise，因为只有在出现网络错误时，您才会以cat结束。所以取电话变成了类似于

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

这是一个更难理解和解释的问题。所以我的问题是：为什么需要这样做？将promise作为响应值有什么意义？有没有更好的方法来处理这个问题？




Answer 1

因为有时候我们需要精确控制加载过程（从接收第一条数据到接收最后一条数据）。

在现实世界中，json可能不是一个好例子，因为它非常小。但是想象一个大图片被粗暴地加载的情况（从马赛克到清晰）。在这种情况下，当数据接收完成时，通知程序已经太晚了。

由于fetch（）是一个相对较低级别的api，否则可以使用axios等。

Answer 2

如果您的问题是“为什么response.json（）返回promise？”然后@Bergi在评论中提供了线索：“它等待身体加载”。

如果您的问题是“为什么response.json不是属性？”，然后，这就需要fetch延迟返回其响应，直到主体加载完毕，这对某些人来说可能是正常的，但不是每个人。

这个聚填料应该得到你想要的：

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));

反面不能用多边形填充。