Angular中如何按接口隔离原则仅开放服务指定方法？

针对你的需求，这里提供两种无需新增类、接口类型化或私有修饰符的实现方式，确保RenderingService仅能访问DataManipulationService指定的两个方法：

方法一：通过服务内部的API封装暴露指定方法 #

在DataManipulationService中新增一个公开的getter，返回仅包含目标方法的绑定对象，RenderingService仅通过该对象访问所需方法：

// data-manipulation.service.ts
import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class DataManipulationService {
  // 原有公开方法，其他模块仍可正常调用
  public methodA() {
    return '数据A';
  }

  public methodB() {
    return '数据B';
  }

  public methodC() {
    return '其他数据';
  }

  // 仅暴露给RenderingService的API集合
  get renderingApi() {
    return {
      methodA: this.methodA.bind(this),
      methodB: this.methodB.bind(this)
    };
  }
}

// rendering.service.ts
import { Injectable } from '@angular/core';
import { DataManipulationService } from './data-manipulation.service';

@Injectable({ providedIn: 'root' })
export class RenderingService {
  private readonly dataApi: Pick<DataManipulationService, 'methodA' | 'methodB'>;

  constructor(private dataService: DataManipulationService) {
    this.dataApi = dataService.renderingApi;
  }

  public renderData() {
    // 仅能访问methodA和methodB，无法调用methodC
    const dataA = this.dataApi.methodA();
    const dataB = this.dataApi.methodB();
    console.log(`渲染数据：${dataA}、${dataB}`);
  }
}

方法二：在RenderingService中直接绑定目标方法 #

在RenderingService构造函数中，从DataManipulationService解构出所需方法并绑定上下文，避免直接持有整个服务实例：

// rendering.service.ts
import { Injectable } from '@angular/core';
import { DataManipulationService } from './data-manipulation.service';

@Injectable({ providedIn: 'root' })
export class RenderingService {
  private readonly methodA: typeof DataManipulationService.prototype.methodA;
  private readonly methodB: typeof DataManipulationService.prototype.methodB;

  constructor(dataService: DataManipulationService) {
    // 绑定方法上下文，确保内部this指向正确
    this.methodA = dataService.methodA.bind(dataService);
    this.methodB = dataService.methodB.bind(dataService);
  }

  public renderData() {
    const dataA = this.methodA();
    const dataB = this.methodB();
    console.log(`渲染数据：${dataA}、${dataB}`);
  }
}

两种方式都满足要求：

• 无需新增类或自定义接口（Pick是TypeScript内置工具类型，不属于新增接口类型化）
• DataManipulationService的原有方法保持公开，不影响其他模块使用
• RenderingService仅能访问指定方法，符合接口隔离原则

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