AngularJS:什么是工厂?
我在Angular.js
上做了很多工作,总的来说我觉得它是一个有趣而强大的框架。
我知道有很多关于服务与工厂vs.提供商与价值的讨论,但我仍然对Factory
是什么感到困惑。
工厂已在其他StackOverflow讨论中定义如下:
工厂
语法: module.factory( 'factoryName', function );
结果:将factoryName声明为注入参数时,将提供通过调用传递给module.factory的函数引用返回的值。
我觉得这个解释很难理解,并且不会增加我对工厂的理解。
任何人都可以有任何解释或真实生活的例子来分享一个Factory
是什么,为什么你应该用它来代替Service
, Provider
或其他?
更新
service
持有对任何对象的引用。
factory
是一个返回任何对象的函数
provider
是返回任何函数的函数
-phew-
据我所知,他们几乎都是一样的。 主要的区别是它们的复杂性。 提供者可以在运行时配置,工厂更健壮一些,服务是最简单的形式。
看看这个问题AngularJS:服务vs提供者vs工厂
此外,这一要点可能有助于理解细微的差异。
来源:https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
jsFiddle:http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
作者: Pawel Kozlowski
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()];
}
我看到的一个主要区别是,您可以在工厂运行自定义代码。 但是,在服务中,只有对象创建发生。
myJs.factory('Factory', function() {
//Write custom code here
return {
Hello: function() {
return "Hello, World!"
}
};
});
我在这个话题上的两分钱。 我是一个非常新手,只是想了解Angular JS,这是令我困惑的事情之一,因此我对其进行了详细研究。 我一直在做面试的笔记,这可能对其他人有用。