AngularJS控制器依赖注入的两种方式及服务写法

在 AngularJS 中，控制器作为连接视图与业务逻辑的关键桥梁，其依赖注入方式直接影响代码的稳定性和可维护性。掌握两种最常见的写法，能让开发过程更高效、更省心。

1. 显式依赖注入：字符串数组形式

myapp.controller('myCtrl', ['$scope', function($scope) {
  $scope.navs = [];
}]);

这种方法将依赖项（例如 $scope）以字符串形式明确列举在数组里。其优势在于依赖关系直白、一目了然，在单元测试中也能轻松替换为 mock 对象。AngularJS 官方推荐这种做法，因为它能规避作用域链可能引发的潜在问题，长期维护起来更加省心。

更巧妙的是，函数内部的参数名可以随意修改，只要数组中的字符串保持不变即可。例如：

myapp.controller('myCtrl', ['$scope', function(myCustomScopeName) {
  myCustomScopeName.navs = [];
}]);

AngularJS 会严格依据数组中的 '$scope' 找到对应的服务实例，然后注入到 myCustomScopeName 参数中，参数名称对执行结果毫无影响。

2. 隐匿依赖注入：直接传参数名

myapp.controller('myCtrl', function($scope) {
  $scope.navs = [];
});

这种写法更为简洁，直接将依赖作为参数传入。但其背后依赖 JavaScript 解析器读取函数参数名，再与 AngularJS 内部的服务名进行匹配。在开发环境中通常没有问题，一旦遇到代码压缩工具（如闭包编译器），参数名可能被改为 a、b 等，导致注入失败。因此在这种写法里，参数 $scope 的名称不能修改，否则 AngularJS 无法识别。

一句话总结：显式依赖注入更安全，便于调试和测试；隐匿写法虽然编写速度快，但在大型项目或经过打包压缩后容易出现故障。建议日常开发优先采用第一种方式。