根据我的理解,当我在工厂中返回一个被注入到控制器的对象。当在服务中,我使用这个处理对象,不返回任何东西。
我假设服务总是单例的,并且每个控制器中都会注入一个新的工厂对象。然而,正如事实证明的那样,工厂对象也是单例的吗?
演示的示例代码:
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?
我的假设是一个新的实例被注入到一个带有工厂的控制器中?
对我来说,当我意识到它们都以相同的方式工作时,我得到了启示:通过运行一次,存储它们得到的值,然后在通过依赖注入引用时吐出相同的存储值。
假设我们有:
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在供应商。
“工厂”和“服务”是angular中进行DI(依赖注入)的不同方式。
因此,当我们使用“service”定义DI时,如下面的代码所示。这将创建一个新的“Logger”对象的GLOBAL实例,并将其注入到函数中。
app.service("Logger", Logger); // Injects a global object
当您使用“工厂”定义DI时,它不会创建实例。它只是传递方法,之后消费者必须在内部调用工厂以获取对象实例。
app.factory("Customerfactory", CreateCustomer);
下面是一个简单的图像,直观地显示了“服务”的DI流程与“工厂”的不同之处。
当我们想要根据场景创建不同类型的对象时,应该使用Factory。例如,根据不同的场景,我们想要创建一个简单的“Customer”对象,或者“Address”对象中的“Customer”,或者“Phone”对象中的“Customer”。下面是这一段的详细说明
当我们有实用程序或共享函数被注入,如实用程序,记录器,错误处理程序等时,应该使用服务。
有一段时间我有这种困惑,我在这里尽我所能提供一个简单的解释。希望这对你有所帮助!
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工厂(带路由)