工厂/服务本质上

时间:2014-06-02 07:18:20

标签: angularjs factory angularjs-service angular-services

我试图了解服务和工厂之间的本质区别(在AngularJS中)。是不是说工厂是单件而且每次调用它时服务都是新对象?

2 个答案:

答案 0 :(得分:1)

在javascript中,函数可以类似于具有实例变量,实例方法的类,并且可以是新的:

// creating a class Box
function Box(col)
{
   // instance member variable color, default to 'Red' if no color passed
   var color = col || 'Red';

   // instance method
   this.getColor = function()
   {
      return color;
   }
}

要实例化一个Box,并用不同的颜色初始化它:

var blueBox = new Box("blue");
alert(blueBox.getColor()); // will alert blue

var greenBox = new Box("green");
alert(greenBox.getColor()); // will alert green

角度服务用于注册构造函数,如Box示例。注入服务后,服务实例将传递到您的函数中:

// declare a service
app.service('box', Box);

// inject instance of Box into controller: 'box' is a new Box()
app.controller('ctrl', function(box) {
    alert(box.getColor()); // alerts  'Red'
});

相反,角度工厂不返回函数的实例。相反,它缓存并返回调用函数的结果:

// declare a factory
app.factory('user', function() {

    // return an object literal
    return  {
        name: 'john',
    }
});


app.controller('ctrl', function(user) {
   alert(user.name);// user is the object literal which was returned from the user factory.
};

将工厂视为返回函数结果的一种方式;结果是在所有注射之间共享单例。

将服务视为实例化类(或函数构造函数)的一种方式;该实例也是一个单例并在所有注入之间共享。

工厂和服务都是单身人士。

答案 1 :(得分:1)

服务和工厂之间的唯一区别是服务是用新的

调用的
stuffToInject = new Service();

而工厂只是被称为功能

stuffToInject = Factory();

否则它是相同的,工厂和服务都是单身。你需要问自己的唯一问题是我的服务是否需要新的操作员。如果不是,请使用module.factory,否则module.service

为例:

function(){
  this.foo=function(){
  }
}

需要在module.service

注册
function(){
   return {
    foo:function(){}
   };
}

可以注册module.factory