代码之家 › 专栏 › 技术社区 › Munerz

服务的松耦合与紧耦合

coupling loose-coupling angular

Munerz · 技术社区 · 7 年前

我了解,我们几乎一直都希望在应用程序内部的组件之间实现松耦合,这是为什么。

但在下面的示例中,如果有人能够解释为什么当我们将服务作为参数传递给构造函数时,它没有紧密耦合,那么我就可以理解引擎盖下正在发生的逻辑。

export class Test(){

dataResults;

constructor(service: testService){

this.dataResults = service.getData()

}

}

1 回复 | 直到 7 年前

Pranay Rana 7 年前

service:TestService;
constructor(){
this.service = new TestService();
this.dataResults = service.getData()
}

TestService ActualService

public class A{
  A(IB service) {//here IB is interface , on which A class is depedant
   //use service here 
  }
}

public class B : IB { }
public class C : IB { }

A a = new A(new B());
or 
A a = new A(new C());

[{ provide: Logger , useClass: Logger}]

constructor(service: Logger){
  this.dataResults = service.getData()
}

[{ provide: Logger , useClass: BetterLogger}]
or 
[{ provide: Logger , useClass: TestLogger}]

MockService https://angular.io/guide/testing

BetterLogger and TestLogger Logger https://angular.io/guide/dependency-injection

Dependency Injection SOLID

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前