AngularJS：什么是工厂？答案

【问题标题】：AngularJS : What is a factory?AngularJS：什么是工厂？
【发布时间】：2013-05-11 21:15:10
【问题描述】：

我在 Angular.js 上做了很多工作，总的来说，我发现它是一个有趣且强大的框架。

我知道有很多关于服务、工厂、供应商和价值的讨论，但我仍然对Factory 是什么感到很困惑。

在其他 StackOverflow 讨论中已将工厂定义如下：

工厂

语法：module.factory( 'factoryName', function ); 结果：当将 factoryName 声明为可注入参数时，您将获得通过调用传递给 module.factory 的函数引用返回的值。

我觉得这个解释很难理解，也没有增加我对工厂是什么的理解。

谁有任何解释或现实生活中的例子来分享 Factory 到底是什么以及为什么你应该使用它来代替 Service、Provider 或其他？

更新

service持有对任何对象的引用。

factory是一个函数，它返回任何对象

provider 是一个函数，它返回任何函数

-呼-

【问题讨论】：

我不会说这是那个问题的重复，而是我在问这个问题之前阅读了这个问题，因为它在Factories 上的答案（上面引用）有点令人困惑。下面的一些答案将Factories 简化为我能理解的东西
这个问题比它“复制”的问题有更多的赞成票，也许事情应该反过来？
这个link解释得很好。

标签： javascript angularjs angularjs-factory

【解决方案1】：

据我了解，它们几乎都是一样的。主要区别在于它们的复杂性。提供者在运行时是可配置的，工厂更健壮一些，服务是最简单的形式。

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

此外，gist 可能有助于理解细微差别。

来源：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()];
}

【讨论】：

那么看待它们的一种方式是，它们按照复杂性的顺序排列Provider > Factory > Service > Value？
这是一种看待它的方式，另一种方式是将 Factory 和 Service 视为 Provider 的抽象。如果我错了，有人纠正我，但工厂和服务在幕后使用 Provider。这就是为什么提供“最接近金属”版本的原因。我相信 Value 是一种定义常量的方法，然后可以在应用程序范围内使用。

【解决方案2】：

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

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

    //Write custom code here

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

【讨论】：

您也可以在服务构造函数中运行自定义代码，不是吗？没有人说在构造函数里面，你不能运行其他代码

【解决方案3】：

我在这个话题上的两分钱。我是一个非常非常新手，刚刚了解 Angular JS，这是让我很困惑的事情之一，因此我对它进行了一些详细的研究。我一直在为采访做笔记，这可能对其他人有用。

服务和工厂以不同的方式做同样的事情
都是注射剂
大多数情况下使用工厂语法
更容易理解
现在使用 es6 的“服务”已经完成，因为它可以更好地转换为 es6 类
它本质上是从控制器中抽象出业务逻辑
如果您将 biz 逻辑与控制器一起使用，那么您只能与控制器一起使用
控制器用于将数据放在范围内，而不是处理冗长的业务逻辑
所以在上述场景中发生的情况是复杂的商业逻辑被绑定到控制器中。不用于处理数据。因此，将它的零碎部分放入服务或工厂中。所以你的代码是精简和模块化的。
服务是单例的

【讨论】：

【解决方案4】：

服务主要是对象，您在其中描述对象的构造函数类。在框架深处的某个地方，调用了 Object.create() 函数，然后您可以通过使用控制器调用其对象和方法来使用服务。另一方面，Factory 默认情况下不会创建对象，因此需要您在定义完所有属性和方法后返回整个对象位置。

【讨论】：