如何在TypeScript泛型方法中获取泛型参数T的实际类型？

首先得明确一个关键知识点：TypeScript的类型系统是编译时擦除的——泛型参数T只是编译阶段用来做类型检查的标记，到了运行时根本不存在这个“T类型”，所以你直接写typeof(T)会报错，因为你把类型当成了运行时的值来用，这就是错误提示'T' only refers to a type, but is being used as a value here.的原因。

要在方法内部获取调用时传入的类的运行时信息，你需要让调用者把类的构造函数作为参数传进来（构造函数是运行时存在的实体），同时用泛型约束来保证类型安全。

修改后的BaseService代码 #

export class BaseService {
  // 添加一个构造函数类型的参数，约束它能实例化出T类型
  public getAll<T>(type: new () => T): Observable<T> {
    // 现在你可以获取到运行时的类信息了
    console.log(`当前请求的类型是: ${type.name}`); // 调用时会输出"SubscriberData"
    // 如果你需要类的原型或者其他信息，也可以通过type.prototype访问
    return this.http.get<T>(this.actionUrl + 'getAll');
  }
}

调用方式的调整 #

调用的时候需要传入SubscriberData的构造函数（注意不用加<>，TypeScript会自动根据传入的构造函数推导泛型T）：

this.service.getAll(SubscriberData).subscribe(response => {
  // 处理响应，response会被正确推断为SubscriberData类型
}, error => {
  console.log(error);
}, () => {
  // 执行通用操作
});

进阶：适配带参数的构造函数 #

如果你的SubscriberData构造函数需要传入参数，可以把构造函数类型调整为更灵活的形式：

// 允许构造函数接收任意参数
public getAll<T>(type: new (...args: any[]) => T): Observable<T> {
  // 逻辑不变
}

可选优化：避免每次调用都传构造函数 #

如果某个子类固定处理特定类型，可以在子类里预先绑定构造函数，简化调用：

export class SubscriberService extends BaseService {
  getAll(): Observable<SubscriberData> {
    // 父类方法已经预先传入了SubscriberData的构造函数
    return super.getAll(SubscriberData);
  }
}

// 调用时无需传参
this.subscriberService.getAll().subscribe(...)

核心思路就是：用运行时存在的构造函数值，来关联编译时的泛型类型，从而在方法内部拿到你需要的类型信息。

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