angularjs - 了解 Angularjs 中的编码风格

Question

我在使用 Angularjs 时遇到了不同的编码风格，这让我想到了每种编码风格的优缺点。

例如。
声明 Controller :

风格#1

angular.module('mainCtrl', []);
function MainCrl($scope, $rootScope) {}

风格#2

angular.module('mainCtrl',[])
.controller('MainCtrl', function($scope, $rootScope)) { ... });

风格#3

angular.module('mainCtrl',[])
.controller('MainCtrl', ['$scope', '$rootScope', function(scope, rootScope)) { ... }]);

因此，样式#3 有点像使用别名，当您要编写测试脚本(单元测试)时，使用别名是否有影响？我只是想在使用 Angularjs 框架时有一个更好的理解和正确的方法。

请分享您对此的看法。谢谢!

Answer 1

样式 #1 意味着 Controller 在模块外部定义为全局变量，对于小型测试项目来说还可以，但对于任何严肃的工作，一切都应该使用 #2 或 #3 来完成。 #2 和 #3 之间的区别是 #3 可以缩小，因为 #2 中的 $scope 和 $rootScope 名称通常会被优化掉，这会导致应用程序失败。 #3 将这些存储为不会被缩小的字符串。

如果您至少有可能缩小代码，请选择#3。在#2 上使用#1 没有什么意义，所以我倾向于完全避免#1。