TypeScript泛型类继承泛型类的控制器实现问题

你遇到的编译器错误核心原因是：Service本身是带泛型参数的类，直接写T extends Service时，TypeScript要求必须为Service指定具体的泛型类型，但这与你想让控制器适配任意Service子类的设计初衷冲突。下面给出两种可行的解决方案：

方案一：让控制器关联服务的泛型参数 #

给GenericController也声明泛型参数，明确约束服务类型为Service<M, DTO>的子类，既保留泛型灵活性，又满足类型检查：

import { UserModel, UserModelDTO } from './models';

interface Serviceable {
  doSomething()
}

class Service<M, DTO> implements Serviceable {
  public model: M
  
  constructor(model: M) {
    this.model = model;
  }

  read(): Array<DTO> {
    // 实现实际读取逻辑
    return [];
  }

  doSomething() {}
}

class UserService extends Service<UserModel, UserModelDTO> {}

const userService = new UserService(UserModel);
// 修正原代码错误：Service类无list方法，改用read
const records = userService.read();

// 修正后的GenericController
class GenericController<M, DTO, T extends Service<M, DTO>> {
  public service: T;
  
  constructor(service: T) {
    this.service = service;
  }

  read(req, res, next): Array<DTO> {
    // 修正原代码错误：必须通过this访问实例属性
    const records = this.service.read();
    return records;
  }
}

// 使用示例：传入具体泛型参数
const userController = new GenericController<UserModel, UserModelDTO, UserService>(userService);

方案二：利用接口抽象服务能力 #

基于你已定义的Serviceable接口，扩展它包含CRUD方法的类型定义，让控制器只依赖这个接口而非具体的Service类，彻底摆脱对Service泛型参数的依赖：

import { UserModel, UserModelDTO } from './models';

// 扩展Serviceable接口，定义CRUD方法类型
interface Serviceable<DTO> {
  doSomething(): void;
  read(): Array<DTO>;
  // 可添加其他CRUD方法，如create/update/delete
}

// 修改Service类实现泛型版Serviceable
class Service<M, DTO> implements Serviceable<DTO> {
  public model: M
  
  constructor(model: M) {
    this.model = model;
  }

  read(): Array<DTO> {
    return [];
  }

  doSomething() {}
}

class UserService extends Service<UserModel, UserModelDTO> {}

const userService = new UserService(UserModel);
const records = userService.read();

// 控制器仅依赖Serviceable接口，无需关心Service泛型细节
class GenericController<DTO, T extends Serviceable<DTO>> {
  public service: T;
  
  constructor(service: T) {
    this.service = service;
  }

  read(req, res, next): Array<DTO> {
    const records = this.service.read();
    return records;
  }
}

// 使用示例
const userController = new GenericController<UserModelDTO, UserService>(userService);

额外修正的代码问题 #

1. 原代码中userService.list()是错误的，你的Service类定义的读取方法是read()，需改为userService.read()
2. GenericController的read方法中直接使用service.read()会报变量未定义错误，必须用this.service访问实例属性

内容的提问来源于stack exchange，提问作者Erick Sánchez