能否创建无实现但强类型的TypeScript抽象类？Angular DI场景

你说的需求完全可以实现，而且这正是抽象类在TypeScript+Angular场景下的绝佳应用场景——既像interface一样定义强类型的方法契约，又能作为Angular依赖注入的令牌，解决interface无法用于DI的问题。

正确的抽象类写法 #

核心是给需要子类实现的方法加上abstract关键字，并且不写方法体（去掉{}），这样TypeScript就只会把它当成一个契约要求子类实现，不会强制抽象类本身返回值：

import { Observable } from 'rxjs';

// 假设SomeType是你定义的业务类型
type SomeType = { id: number; name: string };

abstract class AbstractService {
  // 只声明方法签名，不提供实现
  abstract someMethod(): Observable<SomeType>;
  
  // 抽象类还可以包含已实现的公共方法（这是interface做不到的优势）
  commonUtilityMethod(): void {
    console.log('这是所有子类共享的默认工具方法');
  }
}

子类必须实现抽象方法 #

当你写具体的服务类继承这个抽象类时，TypeScript会强制要求你实现所有abstract标记的方法，否则会直接报错，完美保证类型安全：

import { of } from 'rxjs';

class ConcreteService extends AbstractService {
  // 必须严格匹配抽象方法的签名和返回类型
  someMethod(): Observable<SomeType> {
    // 这里写具体的业务逻辑
    return of({ id: 1, name: '示例数据' });
  }
}

在Angular中作为DI令牌使用 #

因为抽象类是一个实际的TypeScript类型（而非interface这种编译时会被擦除的类型），所以可以直接作为Angular依赖注入的令牌：

1. 在模块中配置依赖

import { NgModule } from '@angular/core';

@NgModule({
  providers: [
    // 告诉Angular：当请求AbstractService时，提供ConcreteService的实例
    { provide: AbstractService, useClass: ConcreteService }
  ]
})
export class AppModule {}

2. 在组件/服务中注入使用

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: '<p>组件内容</p>'
})
export class MyComponent implements OnInit {
  constructor(private service: AbstractService) {}

  ngOnInit(): void {
    // 调用方法时，TypeScript会自动推断返回值类型为SomeType，类型安全
    this.service.someMethod().subscribe(data => {
      console.log(data.id); // 编辑器会自动提示类型属性，不会报错
    });
    
    // 还可以直接调用抽象类中已实现的公共方法
    this.service.commonUtilityMethod();
  }
}

解释你之前的错误 #

你之前写的代码：

abstract class AbstractService { someMethod(): Observable<SomeType> {} }

问题在于没有给someMethod加abstract关键字，TypeScript会把它当成一个普通方法，要求方法体返回符合Observable<SomeType>类型的值，但你写了空方法体{}，自然会触发类型检查错误。只要加上abstract并去掉方法体，这个问题就解决了。

内容的提问来源于stack exchange，提问作者Łukasz Ostrowski