Различный способ введения зависимостей в угловых

Question

, что разница в определении зависимостей контроллера в массиве:

app.controller('IndexController', ['$rootScope', '$http', function($rootScope, $http) { 
    //some cool stuff 
}]); 

и введение их прямо в функцию, как это:

app.controller('IndexController', function($rootScope, $http) { 
    //some cool stuff 
}); 

Много сообщений и руководств использования более короткая версия, поэтому мне интересно, есть ли какие-либо преимущества в том, чтобы сделать это первым способом.

Спасибо!

Answer 1

Это необходимо, если вы используете некоторые инструменты для минимизации, такие как uglify. Такого рода инструментов изменить имя переменных, таким образом, например:

app.controller('IndexController', function($rootScope, $http) { 
    //some cool stuff 
}); 

становится что-то вроде:

randomVariable.controller('IndexController',function(a, b){}); 

И a и b не является вашей зависимостью.

В другом случае, уменьшенный код становится чем-то вроде:

app.controller('IndexController',['$rootScope','$http',function(a,b)

Здесь a и b передается как аргументы из двух строк, которые являются значением и, следовательно, они не могут быть изменены с помощью минификации инструментов