TypeScript中能否将接口作为类型？实现接口的类类型如何定义？

1. 接口可以直接作为类型使用 #

在TypeScript中，接口是核心的类型约束工具，完全可以当作类型来使用：

• 约束变量的结构：

  interface MyInterface {
    doSomething(): void;
  }
  let obj: MyInterface = {
    doSomething: () => console.log('hello')
  };
  

• 约束函数的参数或返回值：

  function processItem(item: MyInterface): MyInterface {
    item.doSomething();
    return item;
  }
  

• 约束类的实例结构（通过implements关键字）：

  class A implements MyInterface {
    doSomething() { /* ... */ }
  }
  

2. 实现某接口的类集合的正确类型：构造函数类型 #

要表示“所有实现MyInterface的类”，你需要定义构造函数类型，格式为new (...args: 类型[]) => MyInterface，它表示“一个能生成MyInterface实例的构造函数”。

无参构造函数的场景 #

如果你的类都是无参构造：

interface MyInterface {
  doSomething(): void;
}

class A implements MyInterface {
  doSomething() {
    console.log('A doing something');
  }
}

class B implements MyInterface {
  doSomething() {
    console.log('B doing something');
  }
}

// 正确的createClass函数类型定义
function createClass(cls: new () => MyInterface): MyInterface {
  return new cls();
}

// 使用示例
const aInstance = createClass(A);
aInstance.doSomething(); // 正常执行

带参构造函数的场景 #

如果类有构造参数，需要让构造函数类型的参数列表和实际类的构造函数匹配：

class C implements MyInterface {
  private name: string;
  constructor(name: string) {
    this.name = name;
  }
  doSomething() {
    console.log(`${this.name} doing something`);
  }
}

// 匹配带参构造的类型定义
function createClassWithArg(cls: new (name: string) => MyInterface, name: string): MyInterface {
  return new cls(name);
}

const cInstance = createClassWithArg(C, 'C');
cInstance.doSomething();

通用场景（支持任意构造参数） #

如果要兼容不同构造参数的类，可以用泛型+剩余参数：

function createGenericClass<T extends MyInterface>(
  cls: new (...args: any[]) => T,
  ...args: any[]
): T {
  return new cls(...args);
}

// 无参类调用
const aInstance = createGenericClass(A);
// 带参类调用
const cInstance = createGenericClass(C, 'C');

3. 常见错误原因及解决 #

你遇到的TS2345类型不兼容错误，通常是因为构造函数类型的参数列表和实际传入的类不匹配：

• 比如你定义了new () => MyInterface（无参构造），但传入的类有构造参数，就会报错，此时需要调整构造函数类型的参数列表和类一致。

另外需要注意：

• 接口是编译时类型，运行时不存在，所以不能用instanceof Interface（instanceof需要运行时存在的对象，比如类的构造函数）。
• typeof Interface也无效，因为typeof只能用于值，而接口不是值。

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