为什么在 AngularJS 中使用 .factory 而不是声明为变量？

Question

目前正在学习 Javascript 和 Angular JS。我想看看我是否可以不使用 .factory，只需声明它作为变量返回的内容，然后引用它。

为什么我必须使用工厂而不是仅仅声明它作为函数返回的内容？有没有办法绕过它。

JAVASCRIPT 代码 1（我的代码）：http://jsfiddle.net/chrisguzman/s4dBE/4/

  myapp.controller("SampleController",
    function SampleController($scope,$firebase){
        var ref = new Firebase("https://helloworldtest.firebaseio.com/text");
        var service = $firebase(ref);
        service.$bind($scope, "text");
    })

JAVASCRIPT 代码 2（原始代码）：http://jsfiddle.net/chrisguzman/s4dBE/3/

angular.module("sampleApp", ["firebase"])
  .factory("sampleService", ["$firebase", function($firebase) {
    var ref = new Firebase("https://helloworldtest.firebaseio.com/text");
    return $firebase(ref);
  }])
  .controller("SampleController", ["$scope", "sampleService",
    function($scope, service) {
      service.$bind($scope, "text");
    }
  ]);

额外问题：有没有其他方法可以以不同的方式编写第二个代码脚本。我问的原因是因为它有助于进一步理解它。特别是，我希望看到在不使用工厂的情况下完成相同的任务，如果看到一个函数作为控制器的第二个参数（因为这是已经公开的），那就太棒了。

Answer 1

工厂的重点是为您的数据提供一个单一的源点，您可以将该工厂注入其他控制器。您必须在要使用的每个控制器中复制 Firebase，而不是仅仅注入工厂。对于一个简单的单控制器应用程序，这并不是什么问题，但随着应用程序的增长，这将成为一个大问题。

使用工厂的一个示例：

var app = angular.module('firebaseApp',['firebase']);

app.factory('FBService',function($firebase) {
    var firebase_url = "https://helloworldtest.firebaseio.com/";

    return {
        ref: function(ref_path) {
            var new_ref = new Firebase(firebase_url + '/' + ref_path + '/');
            return $firebase(new_ref);
        }
    }
});

app.controller('List1Ctrl',function($scope,FBService) {
    $scope.list1 = FBService.ref('list1');
});

app.controller('List2Ctrl',function($scope,FBService) {
    $scope.list2 = FBService.ref('list2');
});