TypeScript中使用传统JS构造函数实现类型安全：缺失什么？

咱们一步步拆解你遇到的问题，核心是没给普通构造函数正确配置TypeScript需要的构造签名，导致编译器认不出它能被new调用。

问题根源在哪？ #

1. 你在接口里加的new(): IMyService是构造签名，但这个签名应该绑定到构造函数本身，而不是实例接口里，放在实例接口里完全没必要。
2. 你给MyService函数指定了this: IMyService，这只是告诉TS函数内部的this类型，但没告诉它“这个函数是可以被new出来的构造函数”，所以编译器才会报错说缺少构造签名。
3. 最后还有个小笔误：你调用了service.setName，但接口里定义的是doSomething，这个也得修正。

正确的实现方式 #

先调整接口，只聚焦于定义实例的行为（不需要构造签名）：

interface IMyService {
  doSomething(name: string): void;
}

接下来给构造函数指定正确的类型，让TS明确它是一个能生成IMyService实例的构造函数，有两种常用方式：

方式1：直接给函数标注构造签名类型 #

const MyService: new () => IMyService = function(this: IMyService) {
  let _name = "";
  this.doSomething = (name: string) => {
    _name = name;
  };
};

方式2：用类型断言适配函数声明形式 #

如果你习惯用function声明构造函数，可以用类型断言补上构造签名：

function MyService(this: IMyService): void {
  let _name = "";
  this.doSomething = (name: string) => {
    _name = name;
  };
}
// 断言这个函数是可被new的构造函数
const MyServiceConstructor = MyService as new () => IMyService;

最后使用时就不会报错了：

// 方式1的使用方式
let service = new MyService();
service.doSomething("Test Name"); // 修正笔误，改为接口定义的doSomething

// 方式2的使用方式
let service2 = new MyServiceConstructor();
service2.doSomething("Another Name");

为什么这样可行？ #

• 接口IMyService专注定义实例行为，清晰分离了实例类型和构造函数类型；
• 通过给构造函数标注new () => IMyService类型，相当于告诉TS：“这个函数可以被new，且返回IMyService实例”，补上了编译器需要的构造签名；
• 函数内部的this: IMyService确保我们给this添加方法时，完全符合接口的类型约束。

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