TypeScript中如何将函数返回的类用作类型？

看起来你遇到的是TypeScript里值与类型分离的典型问题——虽然你的generateClass()函数返回的类实例类型能被编译器正确推断，但直接用变量名（比如const MyClass = generateClass()里的MyClass）作为类型时，TS会把它当成一个值而非类型，这就是为什么你只能在继承场景下使用它（因为extends语法支持直接接收类值并解析其类型）。

下面给你几个实用的解决方案：

1. 用typeof + InstanceType获取实例类型 #

如果你需要把生成的类的实例作为类型使用，可以先通过typeof获取类构造函数的类型，再用InstanceType工具类型提取实例类型：

function generateClass() {
  class GeneratedClass {
    // 你的复杂泛型类实现
    someMethod<T>(arg: T): T {
      return arg;
    }
  }
  return GeneratedClass;
}

const MyClass = generateClass();
// 获取MyClass的实例类型
type MyClassInstance = InstanceType<typeof MyClass>;

// 现在可以正常使用这个类型了
let instance: MyClassInstance;
instance.someMethod("test"); // TS能正确推断泛型

2. 直接用typeof引用类构造函数类型 #

如果需要把类本身作为类型（比如用于泛型参数、构造函数类型约束），直接使用typeof MyClass即可：

// 一个接收类构造函数并创建实例的工具函数
function createInstance<T extends new () => any>(cls: T): InstanceType<T> {
  return new cls();
}

const instance = createInstance(MyClass);
// instance的类型会被正确推断为GeneratedClass的实例

3. 给生成函数显式标注泛型返回类型 #

如果你的GeneratedClass本身带有泛型参数，建议给generateClass添加泛型定义，让返回类型更清晰：

function generateClass<T>() {
  class GeneratedClass {
    value: T;
    constructor(input: T) {
      this.value = input;
    }
  }
  // 显式标注返回类型，确保泛型传递正确
  return GeneratedClass as new (input: T) => { value: T };
}

// 指定泛型参数
const StringClass = generateClass<string>();
type StringClassInstance = InstanceType<typeof StringClass>;
// StringClassInstance的类型是{ value: string }

const instance = new StringClass("hello");
console.log(instance.value); // 类型为string

为什么继承场景可以直接用？ #

这是TypeScript的语法糖：当你写class ChildClass extends MyClass时，TS会自动将MyClass这个值解析为它的构造函数类型，并将其作为父类类型处理，不需要手动用typeof转换。

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