angular provide, service, factory 등 차이 점

Provider, Value, Constant, Service, Factory, Decorator 의 차이
우선, provider, value, constant, service, factory 그들 은 모두 provider!
provider 는 무엇 을 합 니까?
provider 는 응용 프로그램 에 통용 되 는 서 비 스 를 제공 할 수 있 으 며, 형식 은 상수 일 수도 있 고 대상 일 수도 있다.
예 를 들 어 우리 가 contrller 에서 자주 사용 하 는 $http 는 AngularJS 프레임 워 크 가 제공 하 는 provider 입 니 다 ~

myApp.controller(‘MainController', function($scope, $http) {
$http.get(…)
}

provider
그럼 우리 스스로 provider 를 만 들 고 싶 은 데 어떻게 쓰 지 ~

//  :
$provide.provider('age', {  
    start: 10,   
    $get: function() {      
        return this.start + 2;   
    }
});
  // 
$provide.provider('age', function($filterProvider){  
    this.start = 10;    
    this.$get = function() {      
        return this.start + 2;    
    };
});
//  :
app.controller('MainCtrl', function($scope, age) {  
    $scope.age = age; //12
});

provider 의 기본 원칙 은 $get 방법 을 실현 하여 응용 프로그램 에 단일 예 를 주입 하 는 것 입 니 다. 사용 할 때 받 은 age 는 $get 실행 후의 결과 입 니 다.위의 예 에서 두 가지 정의 방법 은 모두 가능 합 니 다 ~
factory
형님 provider 는 매번 등장 할 때마다 너무 번 거 로 워 요. 만약 에 제 가 $get 을 정의 하고 싶다 면 다른 지저분 한 것 은 없 을까요?이 쯤 되면 둘째 형 팩 토리 가 나 와 야 지 ~

$provide.provider('myDate', {    
    $get: function() {      
        return new Date();    
     }
});
//    
$provide.factory('myDate', function(){    
    return new Date();
});
//  :
app.controller('MainCtrl', function($scope, myDate) { 
    $scope.myDate = myDate; //current date
});

직접 두 번 째 매개 변 수 는 $get 이 대응 해 야 할 함수 입 니 다. 코드 가 많이 간단 해 졌 습 니 다. 있 습 니까?!
service
이때 나 는 또 신 이 났 다. 나 는 $get 을 정의 하고 싶 을 뿐만 아니 라 그 안에 new 가 나 온 기 존 js 류 로 돌아 가 셋째 형 service 가 반 짝 이 며 등장 했다 ~

$provide.provider('myDate', {    
    $get: function() {
        return new Date();   
   }
 });
//    
$provide.factory('myDate', function(){    
    return new Date();
});
//    
$provide.service('myDate', Date);

value vs. constant
더 직접적인 수요 가 왔 습 니 다. $get 만 정의 하고 상수 로 돌아 가 고 싶 습 니 다 ~
이 럴 때 value 랑 constant 다 할 수 있어 요 ~

$provide.value('pageCount', 7);
$provide.constant('pageCount', 7);

형제 기능 이 같다 고요?쌍둥이그 럴 리 가 ~
차이 점 을 소개 하기 전에 작은 걸상 에 앉 아 기다 리 던 decorator 를 불 러 야 지 ~ 드디어 나 와 야 지 ~
구별 1: value 는 수정 할 수 있 습 니 다. constant 는 성명 이 수정 되 지 않 으 면 수정 할 수 없습니다.

$provide.decorator('pageCount', function($delegate) {    
    return $delegate + 1;
});

decorator 는 정 의 된 provider 들 을 수정 할 수 있 습 니 다. constant 를 제외 하고 ~
차이 2: value 는 config 에 주입 할 수 없습니다. constant 는 가능 합 니 다.

myApp.config(function(pageCount){    
    //    constant   'pageCount'
});

밑바닥 을 통 해 코드 로 관 계 를 본다 ~

function provider(name, provider_) {   
    if (isFunction(provider_)) {       
        provider_ = providerInjector.instantiate(provider_);    
    }    
    if (!provider_.$get) {        
        throw Error('Provider ' + name + ' must define $get factory method.');    
    }    
    return providerCache[name + providerSuffix] = provider_;
}
function factory(name, factoryFn) {
    return provider(name, { $get: factoryFn });
}
function service(name, constructor) {   
    return factory(name, ['$injector', function($injector) {        
        return $injector.instantiate(constructor);    
    }]);
}
function value(name, value) { 
    return factory(name, valueFn(value)); 
}
function constant(name, value) {    
    providerCache[name] = value;    
    instanceCache[name] = value;
}
function decorator(serviceName, decorFn) {    
    var origProvider = providerInjector.get(serviceName + providerSuffix),        
    orig$get = origProvider.$get;    
    origProvider.$get = function() {        
        var origInstance = instanceInjector.invoke(orig$get, origProvider);        
        return instanceInjector.invoke(decorFn, null, {$delegate: origInstance});    
    };
}

마지막 으로 provider 형 들 의 장점 을 정리 해 보 자 ~
1. 응용 에 일반적인 서 비 스 를 제공 하고 형식 은 상수 또는 대상 일 수 있 습 니 다.
2. 모듈 화 에 편리
3. 유닛 테스트 에 편리
전송 링크:http://hellobug.github.io/blog/angularjs-providers/