TypeScript中如何用接口为类定义类型，解决自动补全与代码重复问题？

首先，你遇到的implements没解决重复问题的核心原因是：这个关键字仅做结构校验——确保类的结构匹配接口，但不会帮你自动生成类的属性定义，所以还是得显式处理属性声明。不过有几种办法能大幅减少重复代码：

方案1：用参数属性简化属性声明 #

TypeScript支持在构造函数参数前添加public/private等修饰符，直接将参数转化为类的实例属性，无需在类顶部重复声明：

interface ICar {
  wheels: number;
  model: string;
  drive: () => void;
}

class Car implements ICar {
  // 仅需单独声明drive（因为它是动态赋值的函数，而非直接传入的参数）
  drive: () => void;

  constructor(public wheels: number, public model: string) {
    this.drive = function() {
      console.log(this.model); // 自动补全正常工作
    };
  }
}

方案2：把drive改成类方法（更推荐） #

如果drive的逻辑不需要依赖构造函数内的动态赋值，直接将其写成类的方法，这样连drive都无需单独声明，完全靠implements保证接口合规：

interface ICar {
  wheels: number;
  model: string;
  drive(): void;
}

class Car implements ICar {
  constructor(public wheels: number, public model: string) {}

  drive() {
    console.log(this.model); // 自动补全+类型检查都正常
  }
}

额外：解决老式构造函数的this补全问题 #

如果你还是想用最初的函数式构造函数，只需给函数指定this的类型，编辑器就能识别并提供补全：

interface ICar {
  wheels: number;
  model: string;
  drive?: () => void;
}

// 给构造函数的第一个参数指定this的类型为ICar
const Car = function(this: ICar, c: ICar) {
  this.wheels = c.wheels;
  this.model = c.model;
  this.drive = function() {
    console.log(this.model); // 现在能正常触发自动补全了
  };
};

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