Angular统一注入器简化依赖关系管理

unified injector（统一注入器）

统一注入器（Unified Injector）是Angular依赖注入体系中的核心概念，扮演着“调度中枢”的角色。本文将详细解析其定义、用法以及优势，并配以示例和说明，帮助开发者理解每个细节。

依赖注入（DI）是Angular组织组件、服务等对象关系的核心机制。注入器（Injector）负责按需调配这些依赖，相当于“管家”。在传统Angular中，每个模块拥有独立的注入器，彼此隔离。跨模块调用服务时，必须手动导入模块并注册提供者，导致模块之间容易产生紧密耦合。

Angular v11.0.0版本引入了统一注入器，其目标是将所有模块的注入器合并为一个全局统一的实例。这样一来，任意模块中注册的提供者都能在整个应用范围内直接使用，无需显式导入。模块之间的耦合度显著降低，维护和扩展的便利性大幅提升。

如何使用统一注入器？

概念之外，直接通过示例来理解。假设一个Angular应用包含两个模块：CoreModule和FeatureModule。

创建 CoreModule

先创建一个CoreModule，并在其中定义服务LoggerService：

// core.module.ts
import { NgModule } from '@angular/core';
import { LoggerService } from './logger.service';
@NgModule({
  providers: [LoggerService],
})
export class CoreModule {}

创建 FeatureModule

接着创建FeatureModule，引入CoreModule并在构造函数中使用LoggerService：

// feature.module.ts
import { NgModule } from '@angular/core';
import { CoreModule } from './core.module';
@NgModule({
  imports: [CoreModule],
})
export class FeatureModule {
  constructor(private logger: LoggerService) {
    this.logger.log('FeatureModule is loaded.');
  }
}

注意，FeatureModule导入了CoreModule，并在构造函数中注入了LoggerService。传统方式下，FeatureModule还需在providers中显式声明LoggerService；而统一注入器出现后，这一步省去了——只要CoreModule已注册该服务，整个应用都能直接使用。

启用统一注入器

启用统一注入器需要在根模块（通常是AppModule）中进行配置。不过，从v11.0.0开始，Angular已默认开启统一注入器，因此多数情况下无需额外操作。若使用旧版本，可手动启用如下：

// app.module.ts
import { NgModule, Injector } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
  imports: [BrowserModule],
})
export class AppModule {
  constructor(private injector: Injector) {
    // 注册模块
    // ...
  }
}

在根模块的构造函数中注入Injector，即可获取统一注入器实例，进而注册模块和提供者。

使用统一注入器

一旦启用，任意模块中都能直接使用其他模块的提供者，无需再显式导入。以上述FeatureModule为例，代码保持不变，但已能自由调用LoggerService：

// feature.module.ts
import { NgModule } from '@angular/core';
import { CoreModule } from './core.module';
@NgModule({
  imports: [CoreModule],
})
export class FeatureModule {
  constructor(private logger: LoggerService) {
    this.logger.log('FeatureModule is loaded.');
  }
}

模块间的依赖关系因此变得松散，代码维护更加顺手。

禁用统一注入器

统一注入器并非万能药。当需要更精细地控制依赖注入行为，或出于性能考量希望每个模块保持独立注入器时，可以禁用它。

方法是在根模块的providers数组中添加{ provide: INJECTOR_SCOPE, useValue: 'root' }：

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { INJECTOR_SCOPE } from '@angular/core';
@NgModule({
  imports: [BrowserModule],
  providers: [
    { provide: INJECTOR_SCOPE, useValue: 'root' }, // 禁用统一注入器
    // 注册模块
    // ...
  ],
})
export class AppModule {
  constructor(private injector: Injector) {
    // ...
  }
}

这样会回退到传统模式，每个模块各自管理自己的注入器。

结论

统一注入器是Angular中一个强大的特性，它简化了模块间的依赖管理。借助它，开发者可以在任意模块中直接调用其他模块提供的服务，无需反复导入和注册。这不仅降低了耦合度，也让代码维护和扩展更加灵活。

当然，如果对依赖注入有更严格的控制需求，或面临性能瓶颈，完全可以选择禁用统一注入器，让每个模块保持独立注入器。这种按需切换的能力，正是Angular赋予开发者的自由度。

总而言之，统一注入器是Angular依赖注入体系的一次重要进化，它简化了管理流程，提升了开发效率和代码质量。希望通过本文，开发者能透彻理解并灵活运用这一特性。