首页 > 代码库 > angularjs 中 Factory,Service,Provider 之间的区别
angularjs 中 Factory,Service,Provider 之间的区别
本片文章是使用了 angularjs 中使用 service 在controller 之间 share 对象和数据 的code(http://jsfiddle.net/kn46u0uj/1/) 来进行演示 Factory,Service,Provider 之间的区别
1. Factory
factory(‘dataService‘,function(){ return { golbal_sitename:"this is the shared value", sayHello:function(msg){ alert(msg); } }})
注意看上面的代码,我们定义dataService 里面 ,后面的funciton 直接返回的是一个对象。 反回对象里面可以定义属性和方法,上面就是返回了一个golbal_sitename属性和sayHello方法。
简单点说就是: 在factory 定义的function 返回的对象上面定义些属性和方法, 等注入到controller后,就可以在controller调用这些属性和方法了。
2. 我们来用service改写上面的代码
service(‘dataService‘,function(){ this.golbal_sitename = "this is the shared value"; this.sayHello = function(msg){ alert(msg); };});
注意上面的代码和factory 定义的区别,这里我们去掉了return 添加了this关键字。换句话说 factory 定义里面的function 其实是返回个对象,而service 定义里面的funciton 返回的是个类定义。
也就是说service 里面定义的dataService 最后是通过new 后面定义的function 来实例化的。
http://jsfiddle.net/kn46u0uj/3/
3. 使用Provider再次改写代码
Provider 定义的 service 可以传进 .config() 函数。当我们需要在service 启用前配置其模块参数时,就需要使用Provider来定义service.
代码如下:
provider(‘dataService‘,function(){ this.$get = function(){ return { golbal_sitename:"this is the shared value", sayHello:function(msg){ alert(msg); } } };})
http://jsfiddle.net/kn46u0uj/5/
上面使用三种方式定义的service 都可以正常工作, 唯一需要注意的就是使用当service 需要传入到config中进行配置的时候,一定要使用provider进行定义。
angularjs 中 Factory,Service,Provider 之间的区别