angular的service與factory

 

angular里的service是一個單例對象，在應用生命周期結束的時候（關閉瀏覽器）才會被清除。而controllers在不需要的時候就會被銷毀了。

 

factory是angular里的一種service.

Angular里面創建service最簡單的方式是使用factory()方法。

 

例子

 

angular.module('myApp.services')
.factory('User', function($http) { // injectables go here
  var backendUrl = "http://localhost:3000";  

  var service = {    // our factory definition
    user: {},
    setName: function(newName) { 
      service.user['name'] = newName; 
    },
  };  
  return service;
});

 

• 什么時候使用factory()方法

在service里面當我們僅僅需要的是一個方法和數據的集合且不需要處理復雜的邏輯的時候，factory()是一個非常不錯的選擇。

注意：需要使用.config()來配置service的時候不能使用factory()方法

 

service()通過構造函數的方式讓我們創建service，我們可以使用原型模式替代javaScript原始的對象來定義service。

 

例子

 

angular.module('myApp.services')
.service('User', function($http) { // injectables go here
  var self = this; // Save reference
  this.user = {};
  this.backendUrl = "http://localhost:3000";
  this.setName = function(newName) {
    self.user['name'] = newName;
  }
  this.save = function() {
    return $http.post(self.backendUrl + '/users', {
      user: self.user
    })
  }
});

 

service()方法很適合使用在功能控制比較多的service里面

它是一個可注入的構造器，在AngularJS中它是單例的，用它在Controller中通信或者共享數據都很合適

在service里面可以不用返回東西，因為AngularJS會調用new關鍵字來創建對象。但是返回一個自定義對象也不會出錯。

注意：需要使用.config()來配置service的時候不能使用service()方法

 

 

 

Factory

它是一個可注入的function，它和service的區別就是：factory是普通function，而service是一個構造器(constructor)，這樣Angular在調用service時會用new關鍵字，而調用factory時只是調用普通的function，所以factory可以返回任何東西，而service可以不返回.

 

 

 

factory可以返回任何東西，它實際上是一個只有$get方法的provider

 

provider

provider是他們的老大，上面的幾乎(除了constant)都是provider的封裝，provider必須有一個$get方法，當然也可以說provider是一個可配置的factory

例子:

var app = angular.module('app', []);
 
app.provider('movie', function () {
  var version;
  return {
    setVersion: function (value) {
      version = value;
    },
    $get: function () {
      return {
          title: 'The Matrix' + ' ' + version
      }
    }
  }
});
 
app.config(function (movieProvider) {
  movieProvider.setVersion('Reloaded');
});
 
app.controller('ctrl', function (movie) {
  expect(movie.title).toEqual('The Matrix Reloaded');
});

//注意這里config方法注入的是movieProvider，上面定義了一個供應商叫movie，但是注入到config中不能直接寫movie，
因為前文講了注入的那個東西就是服務，是供應商提供出來的，而config中又只能注入供應商（兩個例外是$provide和$injector），
所以用駝峰命名法寫成movieProvider，Angular就會幫你注入它的供應商。

 

1) 用 Factory 就是創建一個對象，為它添加屬性，然后把這個對象返回出來。你把 service 傳進 controller 之后，在 controller 里這個對象里的屬性就可以通過 factory 使用了。

 

2) Service 是用"new"關鍵字實例化的。因此，你應該給"this"添加屬性，然后 service 返回"this"。你把 service 傳進 controller 之后，在controller里 "this" 上的屬性就可以通過 service 來使用了。

 

 

參考：

https://segmentfault.com/a/1190000003096933

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

http://my.oschina.net/tanweijie/blog/295067