Angular 종속성 주입 모드

종속성 주입: DI라고 하는 종속성 주입

의존성 주입 모드로 해결해야 할 문제

개발 중에는 인스턴스화를 자주 접하게 됩니다. 여러 개체 사이에 종속성이 있는 경우 수동 인스턴스화는 특히 문제가 될 수 있습니다.

객체 A가 객체 B에 의존하는 경우 객체 A는 B 객체를 명시적으로 인스턴스화할 필요가 없습니다. 객체 A는 외부 메커니즘에 의해 주입되기만 하면 됩니다. 이것이 의존성 주입이 해결하는 문제입니다.

종속성 주입과 함께 자주 나타나는 또 다른 개념은 제어 반전입니다.

제어 역전: IOC라고도 하는 제어 역전은 종속 제어가 코드 내부에서 코드 외부로 역전되는 것을 의미합니다.

종속성 주입과 제어 반전은 동전의 양면이며 같은 아이디어를 표현합니다. 종속성 주입은 수단, 즉 제어 역전을 달성하는 방법을 설명하는 데 중점을 두고, 제어 역전은 목적을 설명하는 데 중점을 둡니다. 즉, 목적은 코드 내부에서 종속성 제어를 역전시키는 것입니다. 코드의 외부.

추천 관련 튜토리얼: "angular Tutorial"

의존성 주입 모드의 이점

느슨한 결합, 재사용 가능
구성 요소의 테스트 가능성 향상

Angular가 종속성 주입을 구현하는 방법

주사기

각 구성 요소에는 구성 요소에 필요한 개체를 주입하는 인젝터 인스턴스가 있습니다. 인젝터는 Angular에서 제공하는 서비스 클래스이다. 일반적인 상황에서는 인젝터 메서드를 직접 호출할 필요가 없습니다. 인젝터는 구성 요소의 constructor를 통해 구성 요소에 필요한 개체를 자동으로 주입합니다. 공급자는 인젝터에게 인스턴스 생성 방법을 알려줍니다.

Provider

주입된 개체가 어떻게 인스턴스화되는지 인젝터가 알기 위해서는 공급자를 지정해야 합니다. 일반적으로 컴포넌트나 모듈의 공급자 속성을 통해 제공해야 하는 개체를 선언합니다.

일반 선언 방법

providers:[{provide:AService, useClass: AServivce}] <=> providers:[AService]
provide 属性：指定了提供器的令牌（token）
useClass 属性：表示实例化方式是 new

로그인 후 복사

Factory 메서드 선언 방법

使用 useFactory 方式实例化对象
providers:[
  {
    provide:AService, 
    useFactory: (bService: BService) => {
      ....
    },
    deps:[BService] //deps声明工厂方法所依赖的服务。
    ]
工厂方法创建的对象是单例对象

로그인 후 복사

생성자에서 선언된 개체는 클래스 이름에 따라 공급자의 토큰과 일치한 다음, 해당 값을 기반으로 지정된 개체를 인스턴스화합니다. 클래스 속성을 사용합니다.