为什么在angularJS中将app变量设置为"不良做法"？

Question

我查看了一些angularJS教程和样式指南,并找到了这样的评论(来自Todd Motto)

Bad:
var app = angular.module('app', []);
app.controller();
app.factory();

Good:
angular
  .module('app', [])
  .controller()
  .factory();

我首先通过示例学习了"坏"技术,并且从那以后看到一些参考(除了这一个)之外说"坏"技术是......好坏.

到目前为止,在我的搜索中没有人说为什么它不好？

编辑: 为什么这个问题有所不同？ 虽然这与提出的重复问题之间的差异很微妙,但有两个重要的区别:

"什么是最佳做法？" 与"为什么不好？"不一样......虽然对另一个问题的接受答案详细阐述了"为什么",但是具有相同答案的两个问题不足以被称为重复.
使用我作为此问题标题的确切文本进行的有力搜索没有透露建议的副本.也许SE应考虑允许将"可选标题"添加到问题中以增强搜索性......但该功能不到位且其他人提出与我相同的问题仍然无法找到另一个问题.

Answer 1

全局变量通常被认为是不好的做法,虽然angular它本身就是一个全局变量,所以我认为只要你是一致的,它就不是那么大的交易.

如果你不小心做了这样的事情,可能会出现问题:

app = angular.module("app");
// some other file
app = somethingNotAnAngularModule();

外部库可能会覆盖变量app等.

app您也可以使用特定于您的应用的名称,而不是使用该名称...

dustrModule = angular.module("dustr", []);

链接是一回事,但是如果要将组件拆分为单独的文件,则始终可以使用该模块.module

// app.js
angular.module("app", []);

// LoginCtrl.js
angular.module("app").controller("LoginCtrl", LoginCtrl);