TypeScript中能否不转为类而直接使用构造函数？

当然可以直接用普通函数作为构造函数，不用转换成类。你猜测的没错，必须显式声明this的类型来解决隐式any的报错问题，具体实现如下：

1. 声明this的类型 #

在函数的第一个参数位置定义this的类型（这个参数仅用于类型检查，不会被编译到JavaScript代码中），同时可以用接口或类型别名定义构造函数实例的结构：

// 定义实例的类型结构
interface Car {
  name: string;
}

// 显式声明this的类型为Car
function Car(this: Car) {
  this.name = 'first'; // 不再有隐式any的报错
}

2. 给构造函数添加原型方法 #

如果需要给实例添加原型方法，同样要在方法的参数位置声明this的类型，确保类型检查生效：

Car.prototype.drive = function(this: Car) {
  console.log(`驾驶 ${this.name}`);
}

3. 实例化构造函数 #

使用new关键字实例化，TypeScript会自动推断实例的类型：

const myCar = new Car();
console.log(myCar.name); // 类型为string，可正常访问
myCar.drive(); // 调用原型方法，类型检查通过

替代方案：用类型别名定义实例结构 #

如果不想用接口，也可以用类型别名来定义实例的结构：

type Car = {
  name: string;
};

function Car(this: Car) {
  this.name = 'first';
}

这种方式完全保留了传统构造函数的写法，同时获得TypeScript的类型校验支持，不需要强制转换成类。

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