angular provider

provider，value，service，factory，constant，哎呀，太多了，都搞晕啦

看到别人的博客啦啦啦+自己的感悟

他们几个的关系类似于大哥和小弟的关系

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呢，这时候小弟factory就来帮忙了

$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
});

service

如果返回的是一个new出来的js类，service就更简单拉

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

value & constant

如果$get返回的是一个常量，那么小弟value和constant要大展身手拉

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

value和constant也是有区别滴，value可以通过decorator修改，但是constant不行；

constant可以被注入到config中，value不行阿
底层代码

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});
    };
}

www.oschina.net/translate/angularjs-factory-vs-service-vs-provider

hellobug.github.io/blog/angularjs-providers/