搞颠provider,factory 和service

1、什么是provider

provider可以为应用提供通用的服务，所有的服务工厂都是有provider提供的，可以提供字符串，对象等。我们先看下provider的源码：

function provider(name, provider_) {
assertNotHasOwnProperty(name, 'service');
if (isFunction(provider_) || isArray(provider_)) {
provider_ = providerInjector.instantiate(provider_);
}
if (!provider_.$get) {
throw $injectorMinErr('pget', "Provider '{0}' must define $get factory method.", name);
}
return providerCache[name + providerSuffix] = provider_;
}

需要provider_对象的$get方法，这个就是为什么在provider中需要提供$get方法，我们先写一个简单的例子(返回这么简单是数据结构可以不用provider，可以用module.value())：

angular.module('myApp').provider('myProvider', {
$get : function(){
name : 'hcc0926'
}
});

参数的对应关系如下：
‘myProvider’--->name,
{} ---> provider_

用法如下：

app.controller('MainCtrl', function ($scope, myProvider) {
$scope.name = myProvider.name;
});

还可以将这个provider注入到config中

angular.module('myApp').config(function(myProvider){

});

顺便提一句(和provider没关系)，将应用中用的常量用constant保存下来，注入到controller中使用：

angular.module('myApp').constant("appId","234234");

app.controller('MainCtrl', function ($scope, appId) {
$scope.appId = appId;
});

2、factory

在provider中每次都要写一个$get方法，挺麻烦的，这时候你可以考虑factory了，那么第一个例子就可以改造成：

angular.module('myApp').factory('myFactory', function(){
return {
name : 'hcc0926'
}
});

并且功能一样。再看下factory的源码：

function factory(name, factoryFn) {
return provider(name, { $get: factoryFn });
}

秒懂了吧。

3、service
使用$injector创建和注册服务有好几种方式：
最简单的服务(无依赖)：

angular.module('myApp').factory("myService",function(){
return {};
});

最简单的服务(有依赖)：

angular.module('myApp').factory("myService",function($http){
var getUser = function(){
return $http({
method: '',
url : ''
});
}
return {
getUserInfo: getUser
};
});

使用server，将声明的service名称注入到controller中，

app.controller('MainCtrl', function ($scope, myService) {
$scope.name = myService.getUserInfo();
});

本文出自 “Eason's hcc” 博客，请务必保留此出处http://hcc0926.blog.51cto.com/172833/1680573