JavaScript中async函数为何会返回Promise？

嘿，我刚接触async/await的时候也被这个点绕晕过，咱们慢慢理清楚～

首先得明确：async函数本质上就是Promise的语法糖，它的设计目的是让异步代码写起来像同步代码，但底层还是依赖Promise的机制运行，所以它必须返回Promise——这是整个async/await体系能正常工作的基础。

咱们先看你给出的示例代码，格式化后是这样：

class Ajax {
  async getPost(url) {
    const header = await fetch(url);
    const data = await header.json();
    return data;
  }
}

当你调用new Ajax().getPost('some-url')的时候，拿到的不是直接的data，而是一个Promise对象。这是因为JavaScript引擎会自动把async函数里的return值，包装成一个resolved状态的Promise，就相当于你写了：

return Promise.resolve(data);

那为什么要这么设计呢？主要有这几个原因：

1. 统一异步操作的返回逻辑 #

不管async函数内部有没有用到await，它的返回值都是Promise。比如下面这个没有await的async函数：

async function syncReturn() {
  return 123;
}
// 等价于
function syncReturn() {
  return Promise.resolve(123);
}

这样调用方的代码就不用区分“这个函数是同步还是异步”，统一用await或者.then()来处理结果，代码逻辑更一致。

2. 统一错误处理机制 #

如果async函数内部抛出错误，JavaScript引擎会自动把这个错误包装成rejected状态的Promise。比如：

async function throwError() {
  throw new Error('出错啦');
}
// 等价于
function throwError() {
  return Promise.reject(new Error('出错啦'));
}

这样你就可以用try/catch（在async函数内部）或者.catch()（在函数外部）来捕获错误，和Promise的错误处理机制完全统一。

3. 配合await的工作原理 #

await只能在async函数里使用，它的作用是“等待一个Promise完成”。如果async函数不返回Promise，那await就没有对象可以等待了——毕竟await的核心是处理thenable对象（拥有.then()方法的对象，Promise就是最典型的thenable）。

回到你的示例代码，当你调用getPost后，必须用await或者then来获取数据：

// 方式1：在async函数里用await
async function usePost() {
  const ajax = new Ajax();
  try {
    const postData = await ajax.getPost('some-url');
    console.log(postData);
  } catch (err) {
    console.error(err);
  }
}

// 方式2：用.then()和.catch()
new Ajax().getPost('some-url')
  .then(postData => console.log(postData))
  .catch(err => console.error(err));

说白了，async函数返回Promise是为了让整个异步代码的处理逻辑保持统一，不管你写的是简单的同步返回，还是复杂的多步异步操作，调用方都能以相同的方式处理结果和错误，这也是async/await能让异步代码更简洁易读的关键原因～

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