Angular 5依赖注入：除构造函数外是否有其他实现方式？

你遇到的问题本质上是TypeScript构造函数继承规则导致的：当派生类定义了自己的构造函数时，必须显式调用super()才能触发基类的构造函数执行。如果派生类开发者忘记这一步，基类中通过构造函数注入的MyService就不会被初始化，进而导致依赖缺失。

下面是几种更可靠的基类依赖注入方案，按推荐程度排序：

1. 使用Angular inject() 函数（推荐，Angular 14+） #

Angular 14引入的inject()函数允许你在类的属性初始化器或构造函数中直接获取依赖，不需要在构造函数参数中声明。这种方式可以彻底摆脱对基类构造函数调用的依赖，即使派生类有自己的构造函数且忘记调用super()，只要基类的属性初始化逻辑执行，就能获取到服务实例。

示例代码：

import { inject, OnInit } from '@angular/core';
import { MyService } from './my.service';

export class ComponentBase implements OnInit {
  // 直接通过inject()获取服务实例
  protected myService: MyService = inject(MyService);

  // 基类构造函数可以为空，或者包含其他初始化逻辑
  constructor() {}

  ngOnInit(): void {
    // 正常使用this.myService
    this.myService.doSomething();
  }
}

为什么这更可靠？ #

• 派生类无需关心基类的依赖：不管派生类有没有构造函数，基类的属性初始化都会在实例创建时执行，inject()会自动从当前注入上下文获取服务。
• 避免构造函数参数传递：不需要派生类在super()中传递基类的依赖，降低了耦合度。

2. 强制派生类调用super()并传递依赖（兼容旧版本Angular） #

如果你还在使用Angular 14以下的版本，可以通过以下方式降低出错概率：

方案A：将基类设为抽象类，明确要求派生类调用super() #

把基类定义为抽象类，并在文档中明确说明派生类构造函数必须调用super(myService)，同时可以在基类构造函数中添加检查，提前发现问题：

import { Injectable, OnInit } from '@angular/core';
import { MyService } from './my.service';

export abstract class ComponentBase implements OnInit {
  constructor(protected myService: MyService) {
    // 添加依赖检查，避免静默失败
    if (!myService) {
      throw new Error('ComponentBase requires MyService to be injected via super()');
    }
  }

  ngOnInit(): void {
    this.myService.doSomething();
  }
}

// 派生类必须调用super()并传递依赖，否则编译报错
export class DerivedComponent extends ComponentBase {
  constructor(myService: MyService) {
    super(myService);
  }
}

方案B：通过Injector间接获取依赖 #

让基类接收Injector实例，然后通过注入器获取MyService，这样派生类只需要传递Injector（而不是具体的服务），降低耦合：

import { Injector, OnInit } from '@angular/core';
import { MyService } from './my.service';

export class ComponentBase implements OnInit {
  protected myService: MyService;

  constructor(injector: Injector) {
    this.myService = injector.get(MyService);
  }

  ngOnInit(): void {
    this.myService.doSomething();
  }
}

// 派生类构造函数只需传递Injector
export class DerivedComponent extends ComponentBase {
  constructor(injector: Injector) {
    super(injector);
  }
}

总结 #

• 优先使用inject()函数：它是Angular官方推荐的简化依赖注入的方式，能最大程度避免构造函数继承带来的问题。
• 旧版本Angular可以选择抽象类+强制super()调用，或通过Injector间接获取依赖。

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