简述关于Angular的依赖注入（dependency injection）？

八股文_Angular面试题 0 41

参考回答

Angular 的依赖注入（Dependency Injection，简称 DI）是一种设计模式，用于提高代码的模块化和可测试性。在 Angular 中，DI 通过将组件或服务的依赖项动态地注入到它们的构造函数中，而不是手动创建依赖实例。Angular 使用注入器（Injector）来管理这些依赖的创建和生命周期。

简单来说，依赖注入的核心目的是将对象的创建和使用分离，便于重用和测试。例如，如果一个组件需要使用一个服务，Angular 会自动将这个服务注入到组件中，而无需你自己创建服务的实例。

详细讲解与拓展

1. 依赖注入的核心概念

Provider：定义如何创建依赖项（服务）。可以通过 @Injectable() 或者在模块中注册 providers。
Injector：DI 的核心机制，负责依赖实例的创建和分发。
Token：用于标识一个依赖，例如一个类或自定义的注入令牌。
可注入的依赖（Injectable Dependency）：带有 @Injectable() 装饰器的类，表示它可以被注入。

2. DI 的实际工作原理

当你在组件或服务的构造函数中声明依赖时，Angular 会：
1. 查找依赖项对应的 Provider。
2. 如果依赖实例已经存在（单例），直接返回；如果不存在，创建实例并缓存。
3. 将实例注入到需要它的地方。

示例代码：

// 定义一个服务
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root', // 使服务在根注入器中可用
})
export class LoggingService {
  log(message: string): void {
    console.log(message);
  }
}

// 使用服务的组件
import { Component } from '@angular/core';
import { LoggingService } from './logging.service';

@Component({
  selector: 'app-root',
  template: '<h1>Angular DI 示例</h1>',
})
export class AppComponent {
  constructor(private loggingService: LoggingService) {
    this.loggingService.log('AppComponent initialized');
  }
}

在这个例子中，LoggingService 是一个通过依赖注入提供的服务。AppComponent 不需要关心 LoggingService 是如何创建的，只需要声明它的依赖。

3. 常见的 DI 作用域

模块作用域：通过 providers 在 NgModule 中定义的服务，在该模块及其子模块中可用。
组件作用域：在组件中通过 providers 定义的服务，仅限该组件及其子组件使用。
全局作用域：通过 @Injectable({ providedIn: 'root' }) 定义的服务，是单例，整个应用共享。

4. DI 的优势

提高模块化和解耦性：组件和服务之间的依赖关系通过注入器管理，减少了强耦合。
方便测试：可以通过注入不同的依赖实现（如 Mock 服务）轻松测试组件或服务。
提高代码可维护性：通过集中管理依赖，修改服务的实现不会影响依赖它的组件。

5. DI 的一些高级用法

自定义 Token：
有时我们需要注入一些非类的依赖，比如配置对象。这时可以使用 Angular 的 InjectionToken。

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

export const APP_CONFIG = new InjectionToken('app.config');

export const AppConfig = {
apiUrl: 'https://api.example.com',
};

@NgModule({
providers: [{ provide: APP_CONFIG, useValue: AppConfig }],
})
export class AppModule {}

// 使用 APP_CONFIG
constructor(@Inject(APP_CONFIG) private config: any) {
console.log(this.config.apiUrl);
}

多级注入器：
Angular 支持多级注入器，子组件可以覆盖父组件的依赖实现。例如，在父组件和子组件中提供不同实例的服务。

总结

Angular 的依赖注入是其核心特性之一，通过将依赖项的创建和使用分离，极大地提高了代码的模块化和可维护性。在面试中，回答时可以结合简单的示例代码和关键概念（如 Provider、Injector 等），同时深入理解其作用域和高级用法，会更具说服力和表现力。