根据我的理解，当我在工厂中返回一个被注入到控制器的对象。当在服务中，我使用这个处理对象，不返回任何东西。
我假设服务总是单例的，并且每个控制器中都会注入一个新的工厂对象。然而，正如事实证明的那样，工厂对象也是单例的吗?
演示的示例代码:
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?
我的假设是一个新的实例被注入到一个带有工厂的控制器中?
生活的例子
" Hello world "的例子
与工厂/服务/供应商:
var myApp = angular.module('myApp', []);
//service style, probably the simplest one
myApp.service('helloWorldFromService', function() {
this.sayHello = function() {
return "Hello, World!"
};
});
//factory style, more involved but more sophisticated
myApp.factory('helloWorldFromFactory', function() {
return {
sayHello: function() {
return "Hello, World!"
}
};
});
//provider style, full blown, configurable version
myApp.provider('helloWorld', function() {
// In the provider function, you cannot inject any
// service or factory. This can only be done at the
// "$get" method.
this.name = 'Default';
this.$get = function() {
var name = this.name;
return {
sayHello: function() {
return "Hello, " + name + "!"
}
}
};
this.setName = function(name) {
this.name = name;
};
});
//hey, we can configure a provider!
myApp.config(function(helloWorldProvider){
helloWorldProvider.setName('World');
});
function MyCtrl($scope, helloWorld, helloWorldFromFactory, helloWorldFromService) {
$scope.hellos = [
helloWorld.sayHello(),
helloWorldFromFactory.sayHello(),
helloWorldFromService.sayHello()];
}
有一段时间我有这种困惑，我在这里尽我所能提供一个简单的解释。希望这对你有所帮助!
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工厂(带路由)
这将是理解服务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方法返回的值。
用途:可能用于返回一个'类'函数，然后可以重新创建实例，但在注入之前需要某种配置。也许对跨项目可重用的类有用?这一点还不太清楚。”
本
对我来说，当我意识到它们都以相同的方式工作时，我得到了启示:通过运行一次，存储它们得到的值，然后在通过依赖注入引用时吐出相同的存储值。
假设我们有:
app.factory('a', fn);
app.service('b', fn);
app.provider('c', fn);
这三者的区别在于:
A的存储值来自运行fn，换句话说:fn()
B的存储值来自于new fn，换句话说:new fn()
C的存储值来自于首先通过new fn获得一个实例，然后运行实例的$get方法
这意味着，在angular内部有一个类似缓存对象的东西，它的每次注入的值只被赋值一次，当它们第一次被注入时，并且在:
cache.a = fn()
cache.b = new fn()
cache.c = (new fn()).$get()
这就是为什么我们在服务中使用This，并定义一个This。$get在供应商。
在AngularJS中有三种处理业务逻辑的方法:(灵感来自Yaakov的Coursera AngularJS课程):
服务
工厂
提供者
这里我们只讨论服务vs工厂
服务:
语法:
app.js
var app = angular.module('ServiceExample',[]);
var serviceExampleController =
app.controller('ServiceExampleController', ServiceExampleController);
var serviceExample = app.service('NameOfTheService', NameOfTheService);
ServiceExampleController.$inject = ['NameOfTheService'] //very important as this protects from minification of js files
function ServiceExampleController(NameOfTheService){
serviceExampleController = this;
serviceExampleController.data = NameOfTheService.getSomeData();
}
function NameOfTheService(){
nameOfTheService = this;
nameOfTheService.data = "Some Data";
nameOfTheService.getSomeData = function(){
return nameOfTheService.data;
}
}
index . html
<div ng-controller = "ServiceExampleController as serviceExample">
{{serviceExample.data}}
</div>
服务的主要特点:
惰性实例化:如果服务没有被注入，它将永远不会被实例化。所以要使用它，你必须将它注入到一个模块中。
单例:如果它被注入到多个模块中，所有模块都只能访问一个特定的实例。这就是为什么在不同的控制器之间共享数据是非常方便的。
工厂
现在让我们来谈谈AngularJS中的工厂
首先让我们看一下语法:
app.js:
var app = angular.module('FactoryExample',[]);
var factoryController = app.controller('FactoryController', FactoryController);
var factoryExampleOne = app.factory('NameOfTheFactoryOne', NameOfTheFactoryOne);
var factoryExampleTwo = app.factory('NameOfTheFactoryTwo', NameOfTheFactoryTwo);
//first implementation where it returns a function
function NameOfTheFactoryOne(){
var factory = function(){
return new SomeService();
}
return factory;
}
//second implementation where an object literal would be returned
function NameOfTheFactoryTwo(){
var factory = {
getSomeService : function(){
return new SomeService();
}
};
return factory;
}
现在在控制器中使用上述两个:
var factoryOne = NameOfTheFactoryOne() //since it returns a function
factoryOne.someMethod();
var factoryTwo = NameOfTheFactoryTwo.getSomeService(); //accessing the object
factoryTwo.someMethod();
工厂特点:
这种类型的服务遵循工厂设计模式。工厂可以被认为是创建新对象或方法的中心场所。
这不仅可以生成单例服务，还可以生成可定制的服务。
.service()方法是一个工厂，它总是生成相同类型的服务，即单例服务。没有简单的方法来配置它的行为。.service()方法通常用作不需要任何配置的快捷方式。
