如何在Angular中解耦对象实例化与配置签名的依赖？

我正在开发一个Angular项目，遇到如下问题：项目中的某个类需初始化一个特定对象，该对象的属性会随项目配置动态变化，且配置可在运行时修改。我希望解耦对象的实例化过程，使其不依赖于特定配置，实现动态设置。

对象定义 #

export interface Stages {
  Installation: string;
  Migration: string;

  [key: string]: any;
}

待实例化的对象示例 #

const stages: Stages = {
  Installation: 'false',
  Migration: 'false',
  // 其他动态属性
};

1. 用工厂函数封装实例化逻辑 #

创建独立的工厂类，专门负责根据配置生成Stages对象，让业务类只依赖工厂而非具体配置细节：

// stages.factory.ts
import { Injectable } from '@angular/core';
import { Stages } from './stages.interface';

@Injectable({ providedIn: 'root' })
export class StagesFactory {
  createStages(config: Record<string, string>): Stages {
    const stages: Stages = {} as Stages;
    // 遍历配置批量赋值，无需关注具体属性
    Object.entries(config).forEach(([key, value]) => {
      stages[key] = value;
    });
    return stages;
  }
}

业务类中调用：

import { Component } from '@angular/core';
import { StagesFactory } from './stages.factory';
import { ConfigService } from './config.service'; // 自定义配置服务

@Component({...})
export class YourComponent {
  stages: Stages;

  constructor(
    private stagesFactory: StagesFactory,
    private configService: ConfigService
  ) {
    // 从配置服务获取动态配置
    const stageConfig = this.configService.getStageConfig();
    this.stages = this.stagesFactory.createStages(stageConfig);
  }

  // 运行时更新对象
  updateStages() {
    const newConfig = this.configService.getUpdatedStageConfig();
    this.stages = this.stagesFactory.createStages(newConfig);
  }
}

2. 结合配置服务实现动态响应 #

把配置管理抽离到ConfigService，用RxJS实现配置变化的自动通知，业务类只需监听配置更新即可自动刷新Stages对象：

// config.service.ts
import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class ConfigService {
  // 用BehaviorSubject保存配置，支持订阅更新
  private stageConfig$ = new BehaviorSubject<Record<string, string>>({
    Installation: 'false',
    Migration: 'false'
  });
  public stageConfigObservable = this.stageConfig$.asObservable();

  // 更新配置的方法
  updateStageConfig(newConfig: Record<string, string>) {
    this.stageConfig$.next(newConfig);
  }
}

业务类中监听配置变化：

import { Component, OnInit, OnDestroy } from '@angular/core';
import { StagesFactory } from './stages.factory';
import { ConfigService } from './config.service';
import { Subscription } from 'rxjs';

@Component({...})
export class YourComponent implements OnInit, OnDestroy {
  stages: Stages;
  private configSub: Subscription;

  constructor(
    private stagesFactory: StagesFactory,
    private configService: ConfigService
  ) {}

  ngOnInit() {
    // 订阅配置变化，自动更新Stages对象
    this.configSub = this.configService.stageConfigObservable.subscribe(config => {
      this.stages = this.stagesFactory.createStages(config);
    });
  }

  ngOnDestroy() {
    this.configSub.unsubscribe();
  }
}

3. 类型约束保障安全 #

针对Stages接口的已知属性，可以在工厂函数中设置默认值，确保即使配置缺失也能维持基础结构：

createStages(config: Partial<Stages>): Stages {
  // 预设已知属性的默认值
  const defaults: Partial<Stages> = {
    Installation: 'false',
    Migration: 'false'
  };
  // 合并默认值与传入配置，既保留默认又支持动态扩展
  return { ...defaults, ...config } as Stages;
}

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