TypeScript泛型服务get方法类型推导异常，返回any而非预期类型

让我来帮你拆解一下问题的核心，然后一步步解决它：

问题根源 #

你遇到的类型提示异常主要来自两个关键问题：

1. A1类的params属性类型被错误推断 #

你在A1类中写了public params = null;，TypeScript会根据初始化值null直接把这个属性的类型推断为null——哪怕你在构造函数里给它赋值了A1Params类型的参数，属性的静态类型已经被固定成null了。这就导致T["params"]（也就是A1["params"]）的类型是null，完全不符合你的预期。

另外，父类NavigationPage里的params: any也会干扰类型推断，但只要子类显式声明属性类型，就能覆盖掉父类的any。

2. 错误调用实例方法 #

你的NavigatorService.get()是实例方法，但你调用的时候直接用A1NavigatorService.get()（把它当成静态方法调用了）。这种情况下TypeScript根本无法正确关联泛型参数T的具体类型，只能返回兜底的any类型。

解决方案 #

我们一步步修正代码：

1. 显式声明A1类的params属性类型 #

把A1类的params属性改为显式声明类型，让TypeScript明确知道它是A1Params | null：

export class A1 extends NavigationPage {
  public url = '';
  public name = '[A1]';
  // 显式声明类型，覆盖父类的any，同时包含null场景
  public params: A1Params | null;

  constructor(params?: A1Params) {
    super();
    this.params = params || null;
  }
}

2. 修正方法调用方式 #

因为get是实例方法，必须先实例化A1NavigatorService再调用：

// 先创建服务实例
const a1Navigator = new A1NavigatorService();
// 调用实例方法（如果需要传入page参数的话）
a1Navigator.get(new A1()).then(el => {
  // 此时el的类型是A1Params | null，能得到正确的类型提示
  console.log(el?.name); // 这里会提示name是string类型
});

3. 可选优化：移除无用的page参数 #

看你的代码，get方法里并没有用到传入的page参数，而是直接返回currentPage.params。如果这个方法的作用是获取当前页面的params，那可以优化一下，确保currentPage的类型是T：

export class NavigatorService<T extends NavigationPage> {
  // 假设currentPage是类的私有属性，类型为T
  private currentPage: T;

  async get(): Promise<T["params"]> {
    return this.currentPage.params;
  }
}

这样调用的时候就不需要传入new A1()了，直接a1Navigator.get()就能得到正确的类型。

验证效果 #

经过以上修改后，A1NavigatorService.get()会返回Promise<A1Params | null>，回调里的el会得到准确的类型提示，再也不会是any了。如果你的业务场景中params不会为null，可以把A1类的params类型改为public params: A1Params;，同时调整构造函数确保参数必传或者给默认值。

内容的提问来源于stack exchange，提问作者Christian Vincenzo Traina