Node.js异步编程：为何及如何用async/await替代.then()链条

在 Node.js 和现代 JavaScript 开发中，处理异步操作是家常便饭。你是否曾被层层嵌套的 .then() 调用弄得晕头转向？通过使用 async/await 替代多个 .then() 调用，能显著简化异步代码的逻辑组织。

async/await 语法让异步代码的书写风格更接近同步代码，从而大幅提升了代码的可读性与可维护性。它本质上基于 Promise，但提供了一种更直观、更线性的表达方式。

好的代码示例

下面的例子展示了使用 async/await 处理顺序异步操作的清晰结构：

// 使用 async/await 的示例
async function fetchData() {
  try {
    // 等待第一个 API 请求的响应
    const response1 = await fetch('https://api.example.com/data1');
    const data1 = await response1.json();

    // 等待第二个 API 请求的响应
    const response2 = await fetch(`https://api.example.com/data2/${data1.id}`);
    const data2 = await response2.json();

    // 处理数据
    console.log(data2);
  } catch (error) {
    // 处理 fetch 操作中发生的错误
    console.error('Error fetching data:', error);
  }
}

fetchData();

糟糕的代码示例

作为对比，传统的 .then() 链式调用虽然功能相同，但结构上显得更为复杂：

// 使用多个 .then() 调用的示例
function fetchData() {
  fetch('https://api.example.com/data1')
    .then(response1 => response1.json())
    .then(data1 => {
      return fetch(`https://api.example.com/data2/${data1.id}`);
    })
    .then(response2 => response2.json())
    .then(data2 => {
      console.log(data2);
    })
    .catch(error => {
      console.error('Error fetching data:', error);
    });
}

fetchData();

在好的示例中，async/await 完全避免了 .then() 的链式嵌套，代码自上而下顺序执行，逻辑一目了然。而在糟糕的示例中，虽然使用了链式调用避免了深度嵌套，但多个 .then() 仍然将逻辑分割成了多个回调块，当步骤增多时，代码的跟踪和维护难度会明显增加，这正是我们常说的“回调地狱”的一种现代形式。

技术备忘录

async/await 是在 ECMAScript 2017 (ES8) 中正式引入的语法糖，它让基于 Promise 的异步编程变得更加优雅。对于任何使用现代 JavaScript 或 Node.js 的开发者来说，掌握并优先使用 async/await 来组织异步流程，是提升代码质量的关键一步。如果你想了解更多关于现代 JavaScript 特性的实践讨论，可以到 云栈社区 与其他开发者交流心得。