AngularJS - różne sposoby tworzenia kontrolerów i usług, dlaczego?

Question

Widzę różne przykłady tworzenia kontrolerów i usług w AngularJS i jestem zdezorientowany, czy ktoś może mi wyjaśnić różnice między tymi dwoma podejściami?

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(""); 
     } 
    } 
}); 

A także przykład kontroler:

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

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

Answer 1

Pierwszy zanieczyszczają global namespace, który nie jest to, co chcesz w dłuższej perspektywie.

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

Drugi kontroluje kontroler do tej instancji modułu. To sprawia, że ​​jest również injectable. Jeszcze lepiej używa się notacji tablicowej (jak poniżej), ponieważ przetrwa to minifikację.

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

Różnica między usługą (kątową) a fabryką wydaje się niewielka. Usługa zawija fabrykę, która używa $injector.instantiate do zainicjowania usługi.

Answer 2

Mój preferowanym sposobem tworzenia kontrolerów i dyrektyw jest następujący:

/** 
* 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: nie globalne zanieczyszczenie nazw odbywa się powyżej powodu Iife.