根据我的理解，当我在工厂中返回一个被注入到控制器的对象。当在服务中，我使用这个处理对象，不返回任何东西。
我假设服务总是单例的，并且每个控制器中都会注入一个新的工厂对象。然而，正如事实证明的那样，工厂对象也是单例的吗?
演示的示例代码:
var factories = angular.module('app.factories', []);
var app = angular.module('app', ['ngResource', 'app.factories']);
factories.factory('User', function () {
return {
first: 'John',
last: 'Doe'
};
});
app.controller('ACtrl', function($scope, User) {
$scope.user = User;
});
app.controller('BCtrl', function($scope, User) {
$scope.user = User;
});
更改用户时。首先在ACtrl中，结果是那个用户。BCtrl中的first也改变了，例如User is a singleton?
我的假设是一个新的实例被注入到一个带有工厂的控制器中?
这将是理解服务Vs工厂Vs提供商的最佳和简短的答案
来源:https://groups.google.com/forum/ !味精/角度/ 56 sdorweoqg / HuZsOsMvKv4J
这里本说的演示http://jsbin.com/ohamub/1/edit?html,output
“代码中有一些注释说明了主要的差异，但我将在这里展开一点。作为说明，我只是在思考这个问题，所以如果我说错了什么，请告诉我。
服务
语法:模块。service('serviceName'，函数);
结果:当将serviceName声明为可注入参数时，你将得到传递给module.service的实际函数引用。
使用方法:可以通过简单地将()附加到注入的函数引用来共享有用的实用程序函数。也可以用injectedArg运行。调用(这个)或类似的方法。
工厂
语法:模块。factory('factoryName'，函数);
结果:当将factoryName声明为一个可注入参数时，你将得到通过调用传递给module.factory的函数引用返回的值。
用法:可能用于返回一个'class'函数，然后可以重新创建实例。
供应商
语法:模块。provider('providerName'，函数);
结果:当将providerName声明为一个可注入参数时，您将获得通过调用传递给module.provider的函数引用的$get方法返回的值。
用途:可能用于返回一个'类'函数，然后可以重新创建实例，但在注入之前需要某种配置。也许对跨项目可重用的类有用?这一点还不太清楚。”
本
补充第一个答案，我认为.service()适合那些以更面向对象的风格(c# /Java)编写代码的人(使用这个关键字并通过prototype/Constructor函数实例化对象)。
Factory是为那些编写更自然的javascript/函数式代码的开发人员准备的。
看看angular.js中.service和.factory方法的源代码——在内部它们都调用provider方法:
function provider(name, provider_) {
if (isFunction(provider_)) {
provider_ = providerInjector.instantiate(provider_);
}
if (!provider_.$get) {
throw Error('Provider ' + name + ' must define $get factory method.');
}
return providerCache[name + providerSuffix] = provider_;
}
function factory(name, factoryFn) { \
return provider(name, { $get: factoryFn });
}
function service(name, constructor) {
return factory(name, ['$injector', function($injector) {
return $injector.instantiate(constructor);
}]);
}
还有一种方法可以返回构造函数，这样你就可以在工厂中返回可更新的类，像这样:
function MyObjectWithParam($rootScope, name) {
this.$rootScope = $rootScope;
this.name = name;
}
MyObjectWithParam.prototype.getText = function () {
return this.name;
};
App.factory('MyObjectWithParam', function ($injector) {
return function(name) {
return $injector.instantiate(MyObjectWithParam,{ name: name });
};
});
你可以在控制器中做这个，它使用MyObjectWithParam:
var obj = new MyObjectWithParam("hello"),
完整的例子如下:
http://plnkr.co/edit/GKnhIN?p=preview
这里是谷歌小组页面，讨论的地方:
https://groups.google.com/forum/ !味精/角度/ 56 sdorweoqg / b8hdPskxZXsJ
有一段时间我有这种困惑，我在这里尽我所能提供一个简单的解释。希望这对你有所帮助!
Angular .factory和Angular .service都用于初始化服务，工作方式相同。
唯一的区别是您想如何初始化您的服务。
两人都是单身人士
var app = angular.module('app', []);
工厂
App.factory(<服务名>，<函数返回值>)
如果您希望从具有返回值的函数初始化服务，则必须使用此工厂方法。
e.g.
function myService() {
//return what you want
var service = {
myfunc: function (param) { /* do stuff */ }
}
return service;
}
app.factory('myService', myService);
当注入这个服务时(比如你的控制器):
Angular会调用给定的函数(如myService())来返回对象
单例——只调用一次，存储，传递同一个对象。
服务
App.service(<服务名称>，<构造函数>)
如果希望从构造函数初始化服务(使用此关键字)，则必须使用此service方法。
e.g.
function myService() {
this.myfunc: function (param) { /* do stuff */ }
}
app.service('myService', myService);
当注入这个服务时(比如你的控制器):
Angular会新建给定的函数(如new myService())来返回该对象
单例——只调用一次，存储，传递同一个对象。
注意:如果你使用factory函数和<构造函数>，或者使用service函数和<函数和返回值>，它将不起作用。
示例- DEMOs
Angular服务vs工厂
Angular服务vs工厂(带路由)
以下是主要的区别:
服务
语法:模块。service('serviceName'，函数);
结果:当将serviceName声明为可注入参数时，你将得到传递给module.service的函数实例。
使用方法:可以通过简单地将()附加到注入的函数引用来共享有用的实用程序函数。也可以用injectedArg运行。调用(这个)或类似的方法。
工厂
语法:模块。factory('factoryName'，函数);
结果:当将factoryName声明为一个可注入参数时，你将得到通过调用传递给module.factory的函数引用返回的值。
用法:可能用于返回一个'class'函数，然后可以重新创建实例。
也可以查看AngularJS的文档和类似的关于stackoverflow混淆服务和工厂的问题。
下面是使用服务和工厂的示例。阅读更多关于AngularJS服务vs工厂的内容。
所有angular服务都是单例:
文档(请参阅服务为单例):https://docs.angularjs.org/guide/services
最后，重要的是要认识到所有Angular服务都是应用程序单例。这意味着每个注入器只有一个给定服务的实例。
基本上，服务和工厂的区别如下:
app.service('myService', function() {
// service is just a constructor function
// that will be called with 'new'
this.sayHello = function(name) {
return "Hi " + name + "!";
};
});
app.factory('myFactory', function() {
// factory returns an object
// you can run some code before
return {
sayHello : function(name) {
return "Hi " + name + "!";
}
}
});
查看关于$ provider的演示:http://slides.wesalvaro.com/20121113/#/
这些幻灯片被用于AngularJs的一个聚会:http://blog.angularjs.org/2012/11/more-angularjs-meetup-videos.html
