在Angular中使用方括号的目的是什么？

Question

我想了解MyOtherService和的声明之间的区别MyOtherComplexService。特别是方括号部分的目的是什么？什么时候使用它们，什么时候不使用？

var myapp = angular.module('myapp', []);

myapp.factory('MyService', function($rootScope, $timeout) {
    return {
        foo: function() {
            return "MyService";
        }
    }
});

myapp.factory('MyOtherService', function($rootScope, $timeout, MyService) {
    return {
        foo: function() {
            return "MyOtherService";
        }
    }
});

myapp.factory('MyOtherComplexService', ['$rootScope', '$timeout', 'MyService', function($rootScope, $timeout, MyService) {
    return {
        foo: function() {
            return "MyOtherComplexService";
        }
    } 
}]);

myapp.controller('MyController', function($scope, MyOtherService, MyOtherComplexService) {

    $scope.x = MyOtherService.foo();
    $scope.y = MyOtherComplexService.foo(); 
});

Answer 1

它使AngularJS代码最小化。AngularJS使用参数名称将值注入到控制器函数中。在JavaScript压缩过程中，这些参数被重命名为较短的字符串。通过使用字符串数组告诉哪些参数被注入到函数中，当重命名参数时，AngularJS仍然可以注入正确的值。