JavaScript中Promise链与async/await有何区别？（Node.js v10.0.0）

最近我在研究JavaScript里的Promise和async/await这两个异步处理特性，特意基于Node.js v10.0.0版本写了两个功能完全一致的函数——ChainReadJson和AwaitReadJson，它们的作用都是异步读取并解析JSON文件。两者的核心区别在于实现方式：一个用Promise链串联异步操作，另一个则用async/await让异步代码看起来像同步代码一样直观。

基础工具函数：ReadFile #

首先封装了一个ReadFile函数，把Node.js原生的fs.readFile回调式API转换成Promise风格，方便后续的异步操作串联：

const FS = require("fs");

function ReadFile(fileName) {
  return new Promise((resolve, reject) => {
    FS.readFile(fileName, "utf8", (err, data) => {
      if (err) {
        // 读取失败时触发reject
        reject(err);
      } else {
        // 读取成功时返回文件内容
        resolve(data);
      }
    });
  });
}

Promise链实现：ChainReadJson #

这个函数通过.then()方法串联起“读取文件”和“解析JSON”两个异步操作，最后用.catch()统一捕获整个流程中的错误：

function ChainReadJson(fileName) {
  return ReadFile(fileName)
    .then(fileContent => {
      // 读取成功后，解析JSON字符串
      return JSON.parse(fileContent);
    })
    .catch(error => {
      console.error("读取或解析JSON文件失败：", error);
      // 抛出错误，让调用方可以继续处理
      throw error;
    });
}

async/await实现：AwaitReadJson #

async/await是Promise的语法糖，它让异步代码的结构更接近同步代码，可读性更强。这里用try/catch来捕获整个流程中的错误：

async function AwaitReadJson(fileName) {
  try {
    // await等待ReadFile的Promise完成，拿到文件内容
    const fileContent = await ReadFile(fileName);
    // 解析JSON并返回
    return JSON.parse(fileContent);
  } catch (error) {
    console.error("读取或解析JSON文件失败：", error);
    // 抛出错误，让调用方可以继续处理
    throw error;
  }
}

两者核心差异 #

• 代码结构：Promise链是链式调用，每一步异步操作都在.then()里处理；async/await则是线性结构，代码逻辑更连贯，新手更容易理解。
• 错误处理：Promise链用.catch()捕获整个链的错误；async/await用try/catch块处理，和同步代码的错误处理方式一致。
• 调试体验：async/await的代码在调试时，断点可以按顺序一步步走，和同步代码的调试流程几乎一样，比Promise链的调试更直观。

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