在阅读有关AngularJS服务的文档时,我偶然发现了如下所示的示例服务:
myApp.service('fooGetter', ['$http', function($http) { this.getFoo = function() { // use $http to get some foo } }]);
where $http
注入到服务包装器中,以便可以从创建的服务实例中引用它.包含参数列表的数组语法的原因是什么,然后在函数参数中重复这些参数?我无法找到一个很好的解释目的,它的规则,以及为什么它是必要的.相同的服务,没有它写,如:
myApp.service('fooGetter', function($http) { this.getFoo = function() { // use $http to get some foo } });
似乎对该变量有一个非常好的自动引用.
如果使用不包含注入依赖项的数组的语法,则angular使用反射来读取函数的参数.这通常很好,但如果你想缩小你的代码,你的参数将改变名称,而角度将停止工作.使用数组语法表示法将允许angular继续查找正确的依赖项,即使您的参数名称发生更改.
此外,如果注入的服务具有非常长的名称,则可以使用数组语法注入它们,并为它们提供在函数参数列表中使用的更简单的名称.
例:
app.controller("MyCtrl", ["MyReallyLongUserServiceName", function(User) { User.doSomething(); }]);