TypeScript中如何动态实例化类作为API请求返回类型？

你这段代码无法运行的核心原因是：TypeScript的泛型<T>仅存在于编译阶段，编译为JavaScript后会被完全擦除，运行时根本拿不到T对应的类引用，自然无法通过new T()实例化对象。

要实现动态实例化指定类的需求，你需要把目标类的构造函数作为参数传递给sendRequest，让函数在运行时能拿到实际的类来创建实例。修改后的代码如下：

// 定义构造函数约束，确保传入的类能接收data参数并返回T类型实例
interface Constructor<T> {
  new (data: any): T;
}

const sendRequest = async <T>(uri: string, options: any, cls: Constructor<T>): Promise<T> => {
  // ... 你的请求逻辑（比如发起fetch请求）
  const response = await fetch(uri, options);
  const data = await response.json();

  // 用传入的构造函数实例化对象
  return new cls(data);
};

使用示例 #

假设你有一个业务类User：

class User {
  name: string;
  age: number;

  constructor(data: { name: string; age: number }) {
    this.name = data.name;
    this.age = data.age;
  }

  greet() {
    console.log(`Hi, I'm ${this.name}`);
  }
}

调用sendRequest时传入User类即可：

const user = await sendRequest('/api/user', {}, User);
user.greet(); // 可以正常调用类的方法

补充说明 #

• 定义Constructor<T>接口是为了给TypeScript提供类型约束，避免传入不符合要求的构造函数，增强代码的类型安全性。
• 如果你的类构造函数需要特定类型的参数，可以把data: any改成更具体的类型（比如data: UserData），进一步细化类型校验。

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