Javascript – AngularJS-Controller-Schreibmethode

Question

angular.module('myApp',[])
.controller('DemoController',['$rootScope','$scope','$http',function($rootScope,$scope,$http){

}])

angular.module('myApp',[])
.controller('DemoController',function($rootScope,$scope,$http){

})

Was ist der Unterschied zwischen diesen beiden?

Answer 1

后面 function 传入的参数无顺序与数量要求.

第一种将传入 function 的变量用字符串 '$rootScope','$scope','$http' 的方式指明, 第二种只是简单的变量名.

因为 js 压缩工具会将 function($rootScope,$scope,$http) 里的 $rootScope,$scope,$http 混淆压缩掉, 比如换成了 function(a,b,c).

代码混淆压缩后 angular 不知道向 function 里传入的参数(或依赖)是啥, 导入压缩后不能运行.

Answer 2

这是angular依赖注入的两种方式：
第一个是行内注入，第二个是推断式注入 （还有一种是显示注入）
区别是
行内注入：
允许我们在函数定义时从行内将参数传入。此外，它可以避免在定义过程中使用临时变量。
推断式注入：
如果没有明确的声明， Angular会假定参数名称就是依赖的名称，但这个过程只适用于未经过压缩和混淆的代码，因为Angular需要原始未经压缩的参数列表来进行解析。 （不过可以再打包过程中引入gulp-ng-annotate 将推断式注入 会转换成 行内注入）

建议你阅读下angular依赖注入的方法