不同的方式来创建控制器和服务，为什么？

我不断看到在AngularJS中创建控制器和服务的不同例子，我很困惑，任何人都可以向我解释两种方法之间的区别吗？

app.service('reverseService', function() {
    this.reverse = function(name) {
        return name.split("").reverse().join("");
    };
});

app.factory('reverseService', function() {
    return {
        reverse : function(name) {
            return name.split("").reverse().join("");
        }
    }
});

还有一个控制器的例子：

function ExampleCtrl($scope) {
    $scope.data = "some data";
}

app.controller("ExampleCtrl", function($scope) {
    $scope.data = "some data";
}

---

第一个会污染全局命名空间，这不是你想要的长远目标。

function ExampleCtrl($scope){
    $scope.data = "some data";
}

第二个将Controller范围扩展到该模块实例。 它使它也可注射。 更好的方法是使用数组符号（如下所示），因为这样可以缩小。

app.controller("ExampleCtrl", ['$scope', function($scope){
    $scope.data = "some data";
}]);

（角度）服务和工厂之间的差异似乎很小。 服务包装了一个工厂，它使用$ injector.instantiate来初始化服务。

---

我创建控制器和指令的首选方式如下所示：

/**
* SomeCoolModule.controller.js
*/

(function(){
'use strict';

    angular.module('app.modals.SomeCoolModule').controller('SomeCoolModuleController', SomeCoolModuleController);

    AddFlowCurveModalController.$inject =
        [
            '$scope',
            '$filter',
            '$log',
        ];

    function SomeCoolModuleController($scope, $filter, $log) {
        /* controller body goes here */
    }
})();

PS：由于IIFE，上面没有发生全球命名空间污染。

链接地址: http://www.djcxy.com/p/77819.html

上一篇: different ways to create controllers and services, why?

下一篇: AngularJS service http success function using wrong "this" scope