RxJS操作符类型转换问题：TypeScript无法识别过滤后类型

规范解决方案：使用类型谓词（Type Predicate） #

在RxJS的filter操作符中，通过类型守卫函数（带类型谓词的回调）显式告知TypeScript过滤后的值类型，就能让编译器正确推断类型：

import { of } from 'rxjs';
import { filter, map } from 'rxjs/operators';

of(1, 2, 3, "not a number")
  .pipe(
    // 类型谓词：当回调返回true时，val的类型为number
    filter((val): val is number => typeof val === "number"),
    map((number) => number * 2) // 此处number会被正确推断为number类型
  )
  .subscribe();

为什么之前的尝试失败 #

• 尝试1：错误地将filter操作符断言为number类型，filter返回的是OperatorFunction而非原始值，类型完全不匹配，导致报错。
• 尝试2：断言的OperatorFunction<number, any>输入类型为number，但上游Observable的输出类型是string | number，类型不兼容，无法通过检查。
• 尝试3：给pipe指定<number, number>后，第一个操作符filter的输出仍是string | number（无类型守卫），无法匹配pipe要求的输入类型number，因此报错。
• 尝试4：用any绕过类型检查，虽然能运行，但完全丢失了TypeScript的类型安全保障，属于不规范写法。

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