为何必须捕获Promise错误？关于TypeScript ESLint规则的疑问

我在项目中启用了@typescript-eslint/no-floating-promises规则，当编写以下代码时，该规则会触发报错：

functionReturningPromise()
    .then(retVal => doSomething(retVal));

规则要求必须为Promise添加catch块。如果确实需要异常处理逻辑，这个要求很合理，但很多场景下我不需要额外处理逻辑，只想让错误自然抛出就行。所以我会添加下面的代码来抑制规则报错：

functionReturningPromise()
    .then((retVal) => doSomething(retVal))
    .catch((error) => {
        throw error;
    });

不过我发现，就算不添加这个catch块，错误也会以看起来相同的方式抛出（控制台输出没区别）。我搞不懂显式加这个catch块到底有什么意义，两种写法的错误抛出方式真的有差异吗？

核心结论：两种写法的错误抛出本质无差异，显式加catch块只是为了满足规则要求，没有实际错误处理作用。 #

具体分析： #

• 当Promise链没有catch块时，未被处理的Promise拒绝会直接冒泡到全局，触发环境的未捕获Promise拒绝处理逻辑（比如浏览器的unhandledrejection事件、Node.js的unhandledRejection事件），错误信息会正常输出到控制台。
• 你添加的catch((error) => { throw error; })只是把拒绝的错误重新抛出，相当于把错误从当前Promise链的拒绝态，再次传递到下一个可能的捕获点——但因为后面没有更多的catch，最终还是会冒泡到全局，和原来的行为完全一致。

规则要求加catch的原因： #

@typescript-eslint/no-floating-promises的设计初衷是避免开发者不小心忽略Promise的错误处理，防止潜在的未被察觉的异常。但它无法区分“故意不处理错误”和“不小心忘记处理”，所以会一刀切地要求所有Promise都要有catch（或者用await配合try/catch）。

更优的规则抑制方案： #

如果你确实不需要处理错误，不想写冗余的catch块，可以用以下方式替代：

1. 单行注释抑制：在Promise链上方添加规则忽略注释

   // eslint-disable-next-line @typescript-eslint/no-floating-promises
   functionReturningPromise()
       .then(retVal => doSomething(retVal));
   

2. 配置规则选项：在ESLint配置文件中，调整规则的ignoreVoid选项，用void标记不需要处理的Promise：

   void functionReturningPromise().then(retVal => doSomething(retVal));
   

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