javascript - 在 Angularjs 中注入(inject)服务的正确方法是什么？

Question

我刚刚开始学习 AngularJS，我发现了很多不同的方法来做同样的事情，我真的很想知道哪个更好，为什么要选择一个选项而不是另一个选项。

我见过以两种方式创建的 Controller :

app.controller('CustomersController', function ($scope, customersService) {});

和

app.controller('CustomersController', ['$scope', 'customersService', function ($scope, customersService) {}]);

显然，第二种方式需要更多的输入，但是使用这种方式比第一种方式有什么好处吗？

Answer 1

两者都可以正常工作，但一旦代码被缩小，只有第二种语法可以工作。大多数 JavaScript 压缩器会重命名参数标识符，因此您的代码可能如下所示:

a.controller('CustomersController',function(b,c){});

如果发生这种情况，Angular 将无法再确定需要注入(inject)哪些服务。但是，如果您使用数组语法，您将得到如下所示的缩小代码:

a.controller('CustomersController',['$scope','customersService',function(b,c){}]);

在这种情况下，数组的最后一个元素用作 Controller 函数，之前的所有元素都是表示服务名称的字符串。该列表有效地应用于 Controller 功能，每个服务由缩小器选择的任意标识符标识。