angularjs - 为什么在创建组件时在 AngularJs 中使用方括号表示法

Question

当我们创建 Controller 、服务等组件时，AngularJs 中的方括号有什么用？我在示例中看到了 ['ngRoute', 'ngFileUpload']。它有什么用？

Answer 1

它定义了 Angular 依赖注入(inject)的方式，因此您可以在不破坏源代码的情况下丑化源代码。

例如， Controller 可以定义两个依赖项，如下所示:

angular.module('App').controller('SomeController', ['ngRoute', 'ngFileUpload', function (route, fileUpload) {
    console.log('this is ngRoute', route);
    console.log('this is fileUpload', fileUpload);
}]);

angular 将使用数组中相同顺序的依赖项实例化 Controller 。因此，您给参数起的名称无关紧要。现在想象一下，你想把代码丑化成这样:

angular.module('App').controller('SomeController', ['ngRoute', 'ngFileUpload', function (a, b) {
    console.log('this is ngRoute', a);
    console.log('this is fileUpload', b);
}]);

您仍将获得应有的依赖项。
但是，如果您使用此表示法:

angular.module('App').controller('SomeController', function (ngRoute, ngFileUpload) {});

你不能丑化重命名函数参数的代码。