TypeScript中除类外能否创建构造函数？类转构造函数实现

TypeScript 完全支持不使用class语法的传统构造函数写法，class本身就是构造函数+原型链的语法糖，你完全可以把给出的Animal类转换成等价的普通构造函数实现。

等价实现代码 #

// 1. 定义实例的类型结构
interface Animal {
  name: string;
  energy: string;
}

// 2. 定义构造函数类型，约定它可以通过new关键字调用、返回Animal实例
interface AnimalConstructor {
  new (name: string, energy: string): Animal;
  // 静态属性/方法可以在此处追加声明
}

// 3. 实现构造函数逻辑，通过类型断言匹配构造函数类型
const Animal = function (this: Animal, name: string, energy: string) {
  this.name = name;
  this.energy = energy;
} as AnimalConstructor;

注意：参数里的this: Animal是TS的特殊类型注解，仅用于类型校验，不会编译成实际运行的JS代码，用来避免隐式this类型报错。

这个实现和你给出的class写法使用体验完全一致：

// 调用方式和class完全相同
const dog = new Animal("大黄", "80%");
console.log(dog.name); // 自动推导为string类型，有完整提示
console.log(dog.energy); // 自动推导为string类型，有完整提示

扩展：添加原型方法 #

如果要给所有实例添加共享方法，直接挂载到原型即可，TS可以自动识别对应类型：

Animal.prototype.run = function (this: Animal) {
  console.log(`${this.name}正在奔跑`);
  this.energy = "20%";
}

dog.run(); // 类型校验正常，不会报属性不存在的错误

简便写法 #

如果是简单场景，不需要单独拆分interface，可以直接在断言中声明类型，代码更精简：

const Animal = function (
  this: { name: string; energy: string },
  name: string,
  energy: string
) {
  this.name = name;
  this.energy = energy;
} as new (name: string, energy: string) => { name: string; energy: string };

补充说明 #

绝大多数教程只提class实现，是因为class是ES6之后的标准语法，结构更清晰，TS对class的高级特性（继承、访问修饰符、抽象类、装饰器等）支持更完善，日常业务开发优先用class即可。但TS是JS的超集，原生JS支持的构造函数写法在TS里都可以正常使用，不存在必须用class才能创建构造函数的限制。

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