美元提供服务

它们在技术上是一样的，它实际上是使用$ provider服务的提供者函数的不同符号。

如果您正在使用类:您可以使用服务符号。 如果你在使用一个对象:你可以使用工厂符号。

服务和工厂符号之间的唯一区别是服务是新创建的，而工厂不是。但在其他方面，它们的外表、气味和行为都是一样的。同样，它只是$ provider的简写。提供者的功能。

// Factory

angular.module('myApp').factory('myFactory', function() {

  var _myPrivateValue = 123;

  return {
    privateValue: function() { return _myPrivateValue; }
  };

});

// Service

function MyService() {
  this._myPrivateValue = 123;
}

MyService.prototype.privateValue = function() {
  return this._myPrivateValue;
};

angular.module('myApp').service('MyService', MyService);

服务vs工厂

工厂和服务之间的区别就像函数和对象之间的区别一样

工厂的供应商

Gives us the function's return value ie. You just create an object, add properties to it, then return that same object.When you pass this service into your controller, those properties on the object will now be available in that controller through your factory. (Hypothetical Scenario) Singleton and will only be created once Reusable components Factory are a great way for communicating between controllers like sharing data. Can use other dependencies Usually used when the service instance requires complex creation logic Cannot be injected in .config() function. Used for non configurable services If you're using an object, you could use the factory provider. Syntax: module.factory('factoryName', function);

服务提供者

Gives us the instance of a function (object)- You just instantiated with the ‘new’ keyword and you’ll add properties to ‘this’ and the service will return ‘this’.When you pass the service into your controller, those properties on ‘this’ will now be available on that controller through your service. (Hypothetical Scenario) Singleton and will only be created once Reusable components Services are used for communication between controllers to share data You can add properties and functions to a service object by using the this keyword Dependencies are injected as constructor arguments Used for simple creation logic Cannot be injected in .config() function. If you're using a class you could use the service provider Syntax: module.service(‘serviceName’, function);

示例演示

在下面的例子中，我定义了MyService和MyFactory。注意在.service中我是如何使用this.methodname创建服务方法的。在.factory中，我创建了一个工厂对象，并将方法分配给它。

AngularJS .service

module.service('MyService', function() {

    this.method1 = function() {
            //..method1 logic
        }

    this.method2 = function() {
            //..method2 logic
        }
});

AngularJS .factory

module.factory('MyFactory', function() {

    var factory = {}; 

    factory.method1 = function() {
            //..method1 logic
        }

    factory.method2 = function() {
            //..method2 logic
        }

    return factory;
});

再看看这个漂亮的东西

搞不清服务和工厂

AngularJS的工厂、服务和提供者

js: service vs provider vs factory?

工厂和服务只是提供者的包装。

工厂

Factory可以返回任何可以是类(构造函数)、类实例、字符串、数字或布尔值的东西。如果返回构造函数，则可以在控制器中实例化。

 myApp.factory('myFactory', function () {

  // any logic here..

  // Return any thing. Here it is object
  return {
    name: 'Joe'
  }
}

服务

服务不需要返回任何东西。但是你必须赋值这个变量中的所有值。因为service会默认创建instance并将其用作基对象。

myApp.service('myService', function () {

  // any logic here..

  this.name = 'Joe';
}

服务背后的实际angularjs代码

function service(name, constructor) {
    return factory(name, ['$injector', function($injector) {
        return $injector.instantiate(constructor);
    }]);
}

它只是工厂周围的一个包装。如果你从服务中返回一些东西，那么它的行为就像工厂。

重要提示:工厂和服务的返回结果将被缓存，并且将为所有控制器返回相同的结果。

什么时候使用?

工厂在任何情况下都是可取的。当你有需要在不同控制器中实例化的构造函数时，可以使用它。

服务是一种单例对象。从Service返回的对象对于所有控制器都是一样的。当你想为整个应用程序拥有一个对象时，可以使用它。 已验证的用户详细信息。

欲进一步了解，请阅读

http://iffycan.blogspot.in/2013/05/angular-service-or-factory.html

http://viralpatel.net/blogs/angularjs-service-factory-tutorial/

如果你使用一个服务，你将得到一个函数的实例("this") 关键字)。 如果你使用工厂，你就会得到这个值 通过调用函数引用返回 工厂)

工厂和服务是最常用的方法。它们之间唯一的区别是Service recipe更好地用于自定义类型的对象，而Factory可以生成JavaScript原语和函数。

参考

美元提供服务

它们在技术上是一样的，它实际上是使用$ provider服务的提供者函数的不同符号。

如果您正在使用类:您可以使用服务符号。 如果你在使用一个对象:你可以使用工厂符号。

服务和工厂符号之间的唯一区别是服务是新创建的，而工厂不是。但在其他方面，它们的外表、气味和行为都是一样的。同样，它只是$ provider的简写。提供者的功能。

// Factory

angular.module('myApp').factory('myFactory', function() {

  var _myPrivateValue = 123;

  return {
    privateValue: function() { return _myPrivateValue; }
  };

});

// Service

function MyService() {
  this._myPrivateValue = 123;
}

MyService.prototype.privateValue = function() {
  return this._myPrivateValue;
};

angular.module('myApp').service('MyService', MyService);