工厂与角度服务

Question

我有一个适用于工厂和服务的代码： 我很困惑在什么情况下我需要使用哪个代码。

这段代码使用service在console.log中输出my value

var mod = angular.module("MyModule", []);

mod.service("myService", function() {
  console.log("this is service");
    return {
      getvalue : function() {
        return "My value";
      }
  };
});

mod.controller("MyController", function(myService) {
  console.log("MyController - myFactory: " + myService.getvalue());
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyModule">
<div ng-controller="MyController"></div>
</div>

此代码我刚刚将mod.service() 更改为mod.factory()，其余代码相同，它在console.log 中使用factory 输出my value

var mod = angular.module("MyModule", []);

mod.service("myFactory", function() {
  console.log("this is Factory");
    return {
      getvalue : function() {
        return "My value";
      }
  };
});

mod.controller("MyController", function(myFactory) {
  console.log("MyController - myFactory: " + myFactory.getvalue());
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyModule">
<div ng-controller="MyController"></div>
</div>

Answer 1

Todd Motto 的This blog post 值得一千个回答。

使用 .factory() 为我们提供了更多的功能和灵活性，而 .service() 本质上是 .factory() 调用的“最终结果”。这 .service() 通过在函数上调用 new 给我们返回值， 这可能是限制性的，而 .factory() 是在此之前的一步 编译过程，因为我们可以选择要实现的模式和 返回。

它解释了源代码级别的区别。

在现实生活中，我的观点是使用其中一个或另一个是个人喜好问题。

来自 Java，我喜欢 .service 看起来像一个使用 this 的类。

Answer 2

让我解释一下

服务

服务为我们提供了一种在应用程序的生命周期内保存数据并进行通信的方法 以一致的方式跨控制器。 服务是单例对象，每个应用程序仅实例化一次（通过 $injector）并延迟加载 （仅在必要时创建）。它们提供了一个接口来将这些方法保持在一起 与特定功能相关的。

工厂

此服务工厂函数负责生成单个对象或函数，该对象或函数变为 此服务将在应用程序的整个生命周期中存在。当我们的 Angular 应用程序加载服务时， service 将执行此函数并将返回值保留为单例服务对象。 服务工厂函数可以是函数也可以是数组，就像我们创建的方式一样 控制器：

所以我希望您将工厂用于您的核心操作，并从一项服务中调用该工厂（您需要为此创建一个单独的服务），这样您就可以在您的应用程序中提供更多的隔离。

示例

*制造一个像这样的工厂：

app.factory('memberServiceFactory', ['$http','$filter', function ($http,$filter) {
    return {
        getData: function (data) {
            return {};
        },           
        addData: function (file, formData) {
        },
    }
}]);

*制作一项服务，例如：

app.service('memberListService', ['memberServiceFactory', function (memberServiceFactory){
        this.getList = memberServiceFactory.getData;
        this.addMember = memberServiceFactory.addData;               
 }]);

你可以在这里看到我从服务调用工厂，你可以像这样提供封装。