> 웹 프론트엔드 > JS 튜토리얼 > Angular의 종속성 주입 패턴에 대한 자세한 설명

Angular의 종속성 주입 패턴에 대한 자세한 설명

青灯夜游
풀어 주다: 2021-04-22 10:08:54
앞으로
2986명이 탐색했습니다.

이 글에서는 Angular의 종속성 주입 모드에 대해 자세히 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Angular의 종속성 주입 패턴에 대한 자세한 설명

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声明工厂方法所依赖的服务。
    ]
工厂方法创建的对象是单例对象
로그인 후 복사

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

공급자 주입 규칙

  • 공급자가 모듈에서 선언되면 모든 구성 요소에 표시되고 모든 구성 요소에 주입될 수 있습니다.
  • 공급자가 구성 요소에 선언되면 모든 구성 요소에만 표시됩니다. 이를 선언하는 구성 요소는 표시되지만 다른 구성 요소는 표시되지 않습니다.
  • 모듈에 선언된 공급자가 구성 요소에 선언된 공급자와 동일한 토큰을 갖는 경우 구성 요소에 선언된 공급자가 선언된 공급자를 재정의합니다.
  • 일반 상황 다음으로 우리는 모두 모듈에서 공급자를 선언해야 합니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 Angular의 종속성 주입 패턴에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿