AngularJS:什么是工厂？

Question

我一直在做很多工作Angular.js,总的来说我发现它是一个有趣而强大的框架.

我知道有很多关于服务与工厂与提供商与价值观的讨论,但我仍然对这是什么感到困惑Factory.

Factory已在其他StackOverflow讨论中定义如下:

工厂

语法:module.factory( 'factoryName', function );结果:当将factoryName声明为injectable参数时,将通过调用传递给module.factory的函数引用来提供返回的值.

我发现这个解释很难掌握,并没有增加我对工厂的理解.

有没有人有任何解释或现实生活中的例子来分享正是一个Factory是,为什么你要代替的使用它Service,Provider或者其他？

更新

A service 保存对任何对象的引用.

A factory 是返回任何对象的函数

A provider 是返回任何函数的函数

- p - -

Answer 1

据我所知,他们几乎都是一样的.主要区别在于它们的复杂性.提供者可以在运行时配置,工厂更健壮,服务是最简单的形式.

看看这个问题AngularJS:Service vs provider vs factory

此要点也可能有助于理解细微的差异.

资料来源: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()];
}?

Answer 2

我看到的一个主要区别是您可以在工厂中运行自定义代码.但是,在服务中,只发生对象创建.

myJs.factory('Factory', function() {

    //Write custom code here

    return {
            Hello: function() {
            return "Hello, World!"
        }
    };
});

Answer 3

关于这个话题我的两分钱.我是一个非常非常新手,只是了解Angular JS,这是让我很困惑的事情之一,因此我对它进行了一些细节研究.我一直在做面试,这可能对其他人有用.

• 服务和工厂以不同的方式做同样的事情
• 两者都是可注射的
• 对于大多数事情使用工厂语法
• 更容易理解
• 现在用es6"服务"完成,因为它更好地转换为es6类
• 它基本上从控制器中抽象出业务逻辑
• 如果您将biz逻辑与控制器一起使用,那么您只能使用控制器
• 控制器用于将数据放在范围内而不是处理冗长的逻辑逻辑
• 所以在上面的场景中发生的事情是复杂的商业逻辑被绑定到控制器中.不用于处理数据.所以把它的一点一滴放入服务或工厂.所以你的代码是精简和模块化的.
• 服务是单身人士