104

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

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

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

工厂

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

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

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

更新

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

Afactory 是一个返回任何对象的函数

Aprovider 是返回任何函数的函数

-呸-

4

4 回答 4

71

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

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

此外，这个要点可能有助于理解细微的差异。

来源：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()];
}​
于 2013-05-16T20:12:08.350 回答
18

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

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

    //Write custom code here

    return {
            Hello: function() {
            return "Hello, World!"
        }
    };
});
于 2013-05-16T20:19:16.897 回答
10

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

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

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

于 2018-06-02T17:35:58.237 回答