面试题：Angular依赖注入中如何实现跨模块共享服务

Question

假设你正在开发一个大型Angular应用，有多个模块。现在需要实现一个服务在不同模块间共享，同时要遵循依赖注入机制的最佳实践。请描述实现这一需求的详细步骤，包括模块配置、服务定义以及依赖注入的具体操作，并且说明这样做可能面临的问题及解决方案。

Answer 1

模块配置

1. 创建共享模块：
   • 在Angular项目中，创建一个专门用于共享服务的模块，例如SharedModule。

   import { NgModule } from '@angular/core';
   
   @NgModule({})
   export class SharedModule {}
   

2. 导入共享模块到需要使用该服务的其他模块：
   • 例如在AppModule和其他功能模块（如FeatureModule）中导入SharedModule。

   import { NgModule } from '@angular/core';
   import { SharedModule } from './shared.module';
   
   @NgModule({
     imports: [SharedModule]
   })
   export class AppModule {}
   

   import { NgModule } from '@angular/core';
   import { SharedModule } from './shared.module';
   
   @NgModule({
     imports: [SharedModule]
   })
   export class FeatureModule {}
   

服务定义

1. 创建服务：
   • 使用Angular CLI命令ng generate service shared/SharedData生成共享服务，假设服务名为SharedDataService。

   import { Injectable } from '@angular/core';
   
   @Injectable({
     providedIn: 'root'
   })
   export class SharedDataService {
     private data: any;
   
     constructor() {}
   
     setData(newData: any) {
       this.data = newData;
     }
   
     getData() {
       return this.data;
     }
   }
   

   • providedIn: 'root'表示该服务在根注入器中提供，这是Angular依赖注入的最佳实践之一，这样服务只会有一个实例，并且可以在整个应用中共享。

依赖注入的具体操作

1. 在组件中注入服务：
   • 在需要使用SharedDataService的组件构造函数中注入该服务。

   import { Component } from '@angular/core';
   import { SharedDataService } from './shared/shared - data.service';
   
   @Component({
     selector: 'app - my - component',
     templateUrl: './my - component.html'
   })
   export class MyComponent {
     constructor(private sharedDataService: SharedDataService) {}
   
     ngOnInit() {
       const data = this.sharedDataService.getData();
       console.log(data);
     }
   }
   

可能面临的问题及解决方案

1. 服务实例不一致问题：
   • 问题描述：如果在不同模块中错误地将服务在模块级别（如providers数组）提供，可能会导致每个模块有自己独立的服务实例，而不是共享同一个实例。
   • 解决方案：确保使用providedIn: 'root'在根注入器中提供服务，避免在模块的providers数组中重复提供服务。
2. 循环依赖问题：
   • 问题描述：如果一个服务A依赖服务B，而服务B又依赖服务A，就会出现循环依赖。这会导致Angular在解析依赖时陷入无限循环。
   • 解决方案：重构代码，打破循环依赖。可以尝试将一些依赖逻辑提取到独立的服务中，或者调整服务之间的依赖关系。例如，如果服务A和服务B都依赖某些公共逻辑，可以将这些公共逻辑提取到服务C中，让A和B都依赖C，而不是相互依赖。