angularjs - 定义 Angular 模块的不同方法

Question

所以今天我通过互联网搜索发现了一些有趣的东西。所以通常我像这样定义 Angular 模块

var app = angular.module('myApp',[]);
app.controller('myCtrl',function($scope){ 
//some code
})

甚至像这样

 angular.module('myApp',[])
    .controller('myCtrl',function($scope){ 
    //some code
    })

但是今天我发现还有另一种方法来定义 Angular 模块

(function(app){

})(angular.module('myApp',[]))

那么这些初始化之间有什么不同。有没有最有效的方法。我尝试在互联网上搜索此问题，但找不到解决方案。谢谢大家

Answer 1

第一个和第二个声明没有任何重大区别。推荐第三种选择。

1. 您只需保存 Angular 模块 setter 方法的返回值并通过全局变量重用它。

2. 我们不使用全局变量来存储模块引用，而是直接在返回值上声明 Controller 。这种模式称为“方法链”

3. 这里我们使用 Angular 的 getter 语法，它将返回模块引用。 Getter 语法与立即调用的函数表达式 (IIFE) 一起确保您不会污染全局命名空间。这是编写 Controller 、服务等的首选方式。

有关 Angular 的最佳实践，请查看 John Papa 的 AngularJS 风格指南