AngularJS: Что такое factory?
Я много работал над Angular.js
, и в целом я считаю, что это интересная и мощная инфраструктура.
Я знаю, что было много дискуссий о Сервисах и Фабриках против Провайдеров против Ценностей, но я все еще довольно смущен тем, что такое Factory
.
Factory был определен в других обсуждениях StackOverflow следующим образом:
Заводы
Синтаксис: module.factory( 'factoryName', function );
Результат: при объявлении factoryName в качестве аргумента для инъекции вам будет предоставлено значение, возвращаемое вызовом ссылки на функцию, переданной в module.factory.
Я считаю, что это объяснение очень сложно понять, и это не увеличивает мое понимание того, что такое factory.
У кого-нибудь есть объяснения или примеры реальной жизни, чтобы рассказать о том, что именно есть Factory
и почему вы должны использовать его вместо Service
, Provider
или другого?
Update
A Service
содержит ссылку на любой объект.
A Factory
- это функция, которая возвращает любой объект
A Provider
- это функция, которая возвращает любую функцию
-phew -
Ответы
Ответ 1
Из того, что я понимаю, все они почти одинаковы. Основными отличиями являются их сложности. Поставщики настраиваются во время выполнения, заводы немного более надежны, а услуги - это простейшая форма.
Посмотрите этот вопрос AngularJS: Сервис против провайдера vs factory
Также этот gist может помочь в понимании тонких различий.
Источник: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc
jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/
автор: Павел Козловский
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()];
}
Ответ 2
Одно существенное различие, которое я вижу, заключается в том, что вы можете запускать собственный код в factory. Но в сервисе происходит только создание объекта.
myJs.factory('Factory', function() {
//Write custom code here
return {
Hello: function() {
return "Hello, World!"
}
};
});
Ответ 3
Мои два цента на эту тему. Я очень новичок и просто понимаю Angular JS, и это было одной из вещей, которые меня очень смутили, и поэтому я изучил ее несколько подробнее. Я делаю заметки для интервью, и это может быть полезно для других.
- служба и factory делают одни и те же вещи по-разному.
- оба являются инъекциями
- для большинства вещей используется синтаксис factory
- проще понять
- в настоящее время с es6 "service" выполняется, поскольку он лучше преобразуется в классы es6
- его по существу абстрагирование бизнес-логики от контроллера
- если вы используете логику biz с контроллерами, тогда вы можете использовать только с контроллерами
- контроллер предназначен для размещения данных по области, не обрабатывающей длительную логику логики
- так что происходит в описанном выше сценарии, так это то, что сложная логика biz связана с контроллерами. Не для обработки данных. Поэтому поместите кусочки его в сервисы или factory. Таким образом, ваш код является скудным и модульным.
- услуги - это синглтоны