使用node-fetch时多then调用是否冗余？单then调用可行吗？

嘿，这个问题问得非常到位！刚接触Promise风格的异步库时，确实会对这种链式写法有点疑惑，我来给你理清楚～

首先回答你的第一个问题：直接用单个then没法正确拿到JSON数据。你试的这段代码：

fetch('https://api.github.com/users/github')
  .then(function(res) { console.log(res.json()); });

打印出来的会是一个Promise对象，而不是你想要的用户JSON数据。因为res.json()本身就返回一个Promise——它是异步把响应体解析成JSON的过程，所以你还得等待这个Promise完成才能拿到结果。

那为什么官方示例要用多个链式then呢？这就得说说链式调用的核心优势了：

• 逻辑拆分，可读性拉满
  链式then把异步操作拆成了独立的步骤：第一个then负责把响应转换成JSON格式，第二个then负责处理解析后的JSON数据。每个步骤只做一件事，别人看代码的时候一眼就能明白流程，比把所有逻辑揉在一个then里清晰太多。

• 错误处理更统一
  Promise的链式调用支持在末尾加一个catch，统一捕获前面所有步骤的错误——不管是fetch请求失败（比如网络问题），还是res.json()解析失败（比如响应不是合法JSON），错误都会沿着链条传递到catch里。如果用单个then嵌套处理，错误处理会变得零散，容易遗漏。比如官方示例可以扩展成：

  fetch('https://api.github.com/users/github')
    .then(res => res.json())
    .then(json => console.log(json))
    .catch(err => console.error('请求或解析出错:', err));
  

• 避免回调地狱
  要是你在单个then里嵌套处理res.json()的结果，代码就会变成这样：

  fetch('https://api.github.com/users/github')
    .then(function(res) {
      res.json().then(function(json) {
        console.log(json);
        // 要是后续还要调用其他异步操作，这里会继续嵌套...
      });
    });
  

  多层嵌套下去就是经典的“回调地狱”，代码会越来越难读、难维护。而链式then是扁平化的写法，不管加多少步骤，代码都是横向延伸，不会越缩越深。

• 扩展性更强
  要是后续你需要在拿到JSON后做更多操作——比如再调用另一个API、过滤数据、格式化内容，链式then只需要在后面追加新的.then()就行，逻辑衔接非常顺畅。

当然，如果你觉得链式then还是有点繁琐，也可以用async/await语法来替代，写法更像同步代码：

async function fetchUser() {
  try {
    const res = await fetch('https://api.github.com/users/github');
    const json = await res.json();
    console.log(json);
  } catch (err) {
    console.error('出错了:', err);
  }
}
fetchUser();

本质上async/await就是Promise的语法糖，和链式then是等价的。

内容的提问来源于stack exchange，提问作者Tobias Gassmann