RxJS的tap操作符是否支持async函数？如何解决相关ESLint报错？

tap是否支持传入async异步函数 #

语法上不会直接报错，但这是典型的错误用法，生产环境绝对不要这么写。
tap操作符的设计用途是执行流的副作用（比如打日志、修改外部变量），要求传入的回调返回值类型为void，操作符本身不会消费回调的返回值，也不会对返回值做任何处理。如果传入async函数：

• async函数默认返回Promise对象，完全不符合tap的类型约定
• RxJS不会等待这个Promise执行完成，也不会自动捕获Promise内部抛出的未处理错误，很容易出现逻辑执行顺序错乱、异常静默失败的问题
• 你贴的示例代码里map传async回调也属于同类误用：map不会解包Promise，最终输出的流是Observable<Promise<any>>，不会直接返回接口响应结果，且原代码里ture是拼写错误（正确为true），tap里的返回值本身就会被忽略，写return没有任何实际作用。

ESLint报错原因 #

你收到的Promise returned in function argument where a void return was expected.eslint报错，是TS/ESLint的类型校验规则触发了拦截：检测到你传入的回调返回了Promise类型，和tap要求的void返回类型不匹配，属于类型安全提示。

报错规避和正确写法 #

根据业务场景选择对应方案即可：

• 核心异步逻辑不要用tap/map包裹async函数，用RxJS原生的异步合并操作符处理
  涉及http请求这类需要解包异步结果的逻辑，直接用mergeMap/switchMap/concatMap这类高阶转换操作符，这类操作符会自动订阅内部Observable/Promise、解包返回值、做错误捕获，tap只保留同步副作用逻辑，完全符合类型规范：

  this.urls$.pipe(
    // 用合并操作符处理异步请求，自动解包http.get返回的Promise/Observable
    mergeMap((url) => http.get(url)),
    tap((res) => {
      // 这里拿到的就是接口返回的真实结果，不需要async
      console.log(res);
    })
  ).subscribe();
  

• 非核心异步副作用（比如不影响主流程的埋点上报）如果要放在tap里，不要直接return Promise，显式标记忽略返回值，同时自行做好错误捕获
  这种写法下函数本身没有返回Promise，符合void类型要求，不会触发ESLint报错，但注意RxJS不会等待这个异步逻辑执行完，主流程会直接往下走：

  tap((val) => {
    // 用void显式标记忽略异步函数返回的Promise，函数整体返回void
    void (async () => {
      try {
        const res = await val;
        console.log(res);
      } catch (err) {
        // 必须自行捕获异步逻辑错误，否则会触发全局unhandledrejection报错
        console.error('tap内异步逻辑执行失败', err);
      }
    })();
  })
  

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