TypeScript中void与Promise<void>的区别及异步函数类型疑问

这是个特别容易让人混淆的点，咱们来把它掰扯清楚：

首先得明确这俩根本不是一回事：

• void代表函数没有返回值（或者说调用者完全不关心它的返回值），比如普通的同步打印函数function logMsg() { console.log('hello') }，它的返回类型就是void。
• Promise<void>代表函数返回一个不携带任何值的Promise对象，是异步函数的标准返回类型——比如你写的那个async函数，它默认的返回类型就是Promise<void>。

这是TypeScript特意设计的类型兼容规则：当一个函数类型的返回值是void时，它可以接受返回任何类型的函数，包括返回Promise的异步函数。

这个规则的逻辑是：当你把一个函数标注为返回void，其实是在告诉TypeScript——“我调用这个函数只是为了它的副作用，完全不会用它的返回值”。所以哪怕实际返回了Promise，只要你不去用这个返回值，就不会有问题。

举个直观的例子：

const asyncFunc: () => void = async () => { await new Promise(resolve => resolve()); };
// 如果你试图用它的返回值，TypeScript会直接报错
asyncFunc().then(() => {}); // 这里会提示"void类型不存在then方法"

而如果标注成() => Promise<void>，你就能正常处理异步结果了：

const asyncFunc: () => Promise<void> = async () => { await new Promise(resolve => resolve()); };
asyncFunc().then(() => {}); // 完全合法，没有任何问题

• 如果你只是想执行这个异步函数，不需要等待它完成（比如作为按钮点击的回调），用() => void完全没问题，TypeScript允许这种赋值。
• 如果你需要等待异步操作完成后做后续处理（比如用await或者.then()），那必须把类型标注成() => Promise<void>，这样TypeScript才会认可返回的Promise对象。

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