TypeScript：类错误实现接口——构造函数签名不匹配原因探究

Let's break down the core misunderstanding here, then walk through how to fix the issue.

The Key Mistake: implements Targets Class Instances, Not the Class Itself #

Your Foo interface defines a constructor signature (new (...args: any[]): any), which describes the shape of a constructor function (like the Bar class itself, not instances of Bar). But when you write class Bar implements Foo, you’re telling TypeScript that instances of Bar should match the Foo interface. Since Bar instances don’t have a new method (only the class constructor does), TypeScript throws an error—it’s looking for something that doesn’t exist on the instance.

What You Actually Want: Typing Constructor Functions #

Your goal is to define a type for classes (constructor functions) that can be instantiated (with any constructor, no specific parameters or return type). To do this, you need to target the constructor function itself, not the instances it creates.

Fix 1: Use a Type Alias for Constructor Functions #

The simplest way is to define Foo as a type alias that represents any constructor function:

type Foo = new (...args: any[]) => any;

Now you can type your Bar class as Foo (assign it to a variable of type Foo, or use it in contexts expecting a Foo):

class Bar {
  private myNum: number;
  constructor(myNum: number) {
    this.myNum = myNum;
  }
}

// This works—we're typing the Bar class (constructor) as Foo
const fooConstructor: Foo = Bar;
const instance = new fooConstructor(42); // Instance is typed as `any`

Fix 2: If You Need an Interface (For Static Members) #

If you need Foo to be an interface (e.g., to include static methods alongside the constructor), define it as an interface for the constructor function, then use a type assertion to confirm your class matches:

interface Foo {
  new (...args: any[]): any;
  // Add other static members here if needed:
  staticMethod(): void;
}

class Bar {
  private myNum: number;
  constructor(myNum: number) {
    this.myNum = myNum;
  }

  static staticMethod(): void {
    console.log("Static method called");
  }
}

// Assert that Bar matches the Foo interface
const fooConstructor = Bar as Foo;

Recap of the Original Error #

Your code failed because implements checks the shape of class instances, not the class constructor itself. Once you shift to typing the constructor function directly (instead of the instance), the type mismatch disappears entirely.

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