根据我的理解，当我在工厂中返回一个被注入到控制器的对象。当在服务中，我使用这个处理对象，不返回任何东西。
我假设服务总是单例的，并且每个控制器中都会注入一个新的工厂对象。然而，正如事实证明的那样，工厂对象也是单例的吗?
演示的示例代码:
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?
我的假设是一个新的实例被注入到一个带有工厂的控制器中?
在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()方法通常用作不需要任何配置的快捷方式。
补充第一个答案，我认为.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);
}]);
}
所有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
在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()方法通常用作不需要任何配置的快捷方式。
