我已经看到angular.factory()和angular.service()被用来声明服务;然而,我找不到角。在官方文件的任何地方提供服务。
这两种方法有什么区别? 哪个应该用来做什么(假设它们做不同的事情)?
我已经看到angular.factory()和angular.service()被用来声明服务;然而,我找不到角。在官方文件的任何地方提供服务。
这两种方法有什么区别? 哪个应该用来做什么(假设它们做不同的事情)?
当前回答
我花了一些时间试图弄清楚其中的区别。
我认为工厂函数使用模块模式,服务函数使用标准的java脚本构造函数模式。
其他回答
我花了一些时间试图弄清楚其中的区别。
我认为工厂函数使用模块模式,服务函数使用标准的java脚本构造函数模式。
angular.service('myService', myServiceFunction);
angular.factory('myFactory', myFactoryFunction);
我很难理解这个概念,直到我这样对自己说:
Service:你所写的函数将被new-ed:
myInjectedService <---- new myServiceFunction()
Factory:你写的函数(构造函数)将被调用:
myInjectedFactory <--- myFactoryFunction()
你怎么做取决于你自己,但有一些有用的模式……
比如写一个服务函数来公开一个公共API:
function myServiceFunction() {
this.awesomeApi = function(optional) {
// calculate some stuff
return awesomeListOfValues;
}
}
---------------------------------------------------------------------------------
// Injected in your controller
$scope.awesome = myInjectedService.awesomeApi();
或者使用工厂函数公开一个公共API:
function myFactoryFunction() {
var aPrivateVariable = "yay";
function hello() {
return "hello mars " + aPrivateVariable;
}
// expose a public API
return {
hello: hello
};
}
---------------------------------------------------------------------------------
// Injected in your controller
$scope.hello = myInjectedFactory.hello();
或者使用工厂函数返回构造函数:
function myFactoryFunction() {
return function() {
var a = 2;
this.a2 = function() {
return a*2;
};
};
}
---------------------------------------------------------------------------------
// Injected in your controller
var myShinyNewObject = new myInjectedFactory();
$scope.four = myShinyNewObject.a2();
用哪一个?
两者都可以达到同样的效果。然而,在某些情况下,工厂可以更灵活地使用更简单的语法创建可注入对象。这是因为myInjectedService必须始终是一个对象,而myInjectedFactory可以是一个对象、一个函数引用或任何值。例如,如果你写了一个服务来创建一个构造函数(就像上面的最后一个例子一样),它必须像这样被实例化:
var myShinyNewObject = new myInjectedService.myFunction()
这可能比这个更不可取:
var myShinyNewObject = new myInjectedFactory();
(但是首先应该警惕使用这种类型的模式,因为在控制器中新建对象会创建难以跟踪的依赖关系,这很难模拟测试。让一个服务为你管理对象集合比随意使用new()更好。
还有一件事,他们都是单身……
还要记住,在这两种情况下,angular都是在帮助你管理单例对象。无论注入服务或函数的位置或次数如何,都将获得对相同对象或函数的相同引用。(当工厂只是返回一个像数字或字符串的值时除外。在这种情况下,你将总是得到相同的值,但不是引用。)
工厂模式更灵活,因为它可以返回函数和值以及对象。
恕我直言,在服务模式中没有太多意义,因为它所做的一切都可以通过工厂轻松完成。例外可能是:
如果您出于某种原因关心实例化服务的声明类型——如果您使用服务模式,则构造函数将是新服务的类型。 如果您已经有一个正在其他地方使用的构造函数,并且还想将其用作服务(尽管如果您想向其中注入任何东西,可能没有多大用处!)。
Arguably, the service pattern is a slightly nicer way to create a new object from a syntax point of view, but it's also more costly to instantiate. Others have indicated that angular uses "new" to create the service, but this isn't quite true - it isn't able to do that because every service constructor has a different number of parameters. What angular actually does is use the factory pattern internally to wrap your constructor function. Then it does some clever jiggery pokery to simulate javascript's "new" operator, invoking your constructor with a variable number of injectable arguments - but you can leave out this step if you just use the factory pattern directly, thus very slightly increasing the efficiency of your code.
这里所有的答案似乎都围绕着服务和工厂,这是有效的,因为这就是被问到的问题。但同样重要的是要记住,还有其他几个变量,包括provider()、value()和constant()。
关键是要记住,每一个都是另一个的特殊情况。每一种特殊情况都允许你用更少的代码做同样的事情。每一种都有一些额外的限制。
要决定什么时候使用哪个,你只需看看哪个允许你用更少的代码做你想做的事情。下面这张图说明了它们是多么相似:
对于一个完整的分步分解和快速参考何时使用每一个,你可以访问我得到这张图片的博客文章:
http://www.simplygoodcode.com/2015/11/the-difference-between-service-provider-and-factory-in-angularjs/
简单地说…
Const user = { 名字:“约翰” }; / /工厂 const addLastNameFactory = (user, lastName) => ({ 用户, 姓, }); console.log (addLastNameFactory(用户、“母鹿”)); / /服务 const addLastNameService = (user, lastName) => { 用户。lastName = lastName;/ /坏!突变 返回用户; }; console.log (addLastNameService(用户、“母鹿”));