AngularJS:什么是工厂?

我在Angular.js上做了很多工作,总的来说我觉得它是一个有趣而强大的框架。

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

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

工厂

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

我觉得这个解释很难理解,并且不会增加我对工厂的理解。

任何人都可以有任何解释或真实生活的例子来分享一个Factory是什么,为什么你应该用它来代替ServiceProvider或其他?

更新

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,这是令我困惑的事情之一,因此我对其进行了详细研究。 我一直在做面试的笔记,这可能对其他人有用。

  • 服务和工厂以不同的方式做同样的事情
  • 两者都是可注射的
  • 对于大多数情况使用工厂语法
  • 更容易理解
  • 现在es6已经完成了“服务”,因为它可以更好地转换为es6类
  • 它基本上从控制器中抽象出业务逻辑
  • 如果你在控制器上使用biz逻辑,那么你只能和控制器一起使用
  • 控制器用于将数据放在范围内而不处理冗长的biz逻辑
  • 所以在上述情况下发生的情况是复杂的业务逻辑被捆绑到控制器中。 不用于处理数据。 所以把它的零件放入服务或工厂。 所以你的代码是精简和模块化的。
  • 服务是单身人士
  • 链接地址: http://www.djcxy.com/p/13625.html

    上一篇: AngularJS : What is a factory?

    下一篇: AngularJS access parent scope from child controller