如何为接收类并返回含静态成员工厂的函数添加类型注解？

我明白你的需求了——你想让这个工厂函数不仅能创建类的实例，还能直接访问原类的所有静态成员，同时让TypeScript正确识别这些静态成员的类型对吧？

你当前的实现已经通过Object.assign(factory, clazz)把类的静态成员挂载到了工厂函数上，但TypeScript的返回类型只定义了工厂函数的调用签名，并没有包含原类的静态成员类型，所以类型检查器无法识别这些静态属性/方法。我们可以通过调整类型定义来解决这个问题：

完整实现代码 #

function noNew<T extends new (...args: any[]) => any>(
  clazz: T
): typeof clazz & { (...args: ConstructorParameters<T>): InstanceType<T> } {
  const factory = (...args: ConstructorParameters<T>) => {
    return new clazz(...args);
  };
  // 把类的静态成员复制到工厂函数上
  Object.assign(factory, clazz);
  // 用类型断言告诉TypeScript当前工厂函数的实际类型
  return factory as typeof clazz & { (...args: ConstructorParameters<T>): InstanceType<T> };
}

代码细节解释 #

1. 泛型约束：T extends new (...args: any[]) => any 确保传入的clazz是一个合法的类构造函数。
2. 返回类型设计：
   • typeof clazz：获取原类的静态成员类型（包括所有静态属性、静态方法）。
   • { (...args: ConstructorParameters<T>): InstanceType<T> }：定义工厂函数的调用签名，其中：
     • ConstructorParameters<T>：TypeScript内置工具类型，自动提取类构造函数的参数类型。
     • InstanceType<T>：自动提取类的实例类型。
   • 用交叉类型&把两者合并，让返回的工厂函数同时拥有静态成员访问能力和实例创建能力。
3. 类型断言：最后返回时的类型断言是为了让TypeScript认可我们通过Object.assign挂载静态成员的操作，消除类型不匹配的警告。

测试示例 #

// 定义一个带静态成员的测试类
class User {
  static defaultRole = "user";
  static getDefaultRole() {
    return this.defaultRole;
  }

  constructor(public username: string) {}

  greet() {
    return `Hello, ${this.username}!`;
  }
}

// 转换为工厂函数
const createUser = noNew(User);

// 测试创建实例
const user = createUser("Alice");
console.log(user.greet()); // 正常调用实例方法

// 测试访问静态成员
console.log(createUser.defaultRole); // TypeScript能正确识别这个静态属性
console.log(createUser.getDefaultRole()); // TypeScript能正确识别这个静态方法

这样修改后，TypeScript就能完美识别工厂函数上的所有静态成员，同时保留工厂函数创建实例的能力，完全符合你的需求。

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