使用全局变量和多个js文件或使用局部变量和一个长js文件更好吗？

Question

每当我在Javascript中处理项目时，我似乎总是得到一个包含超过一千行代码的“app.js”文件。我尝试将其分解并将代码放在其他js文件中（例如utility.js，routing.js），但基本问题是大多数代码经常通过局部变量共享信息，因此更容易将其保存在一个js文件。

我意识到这是一个反驳论证是将变量作为参数传递给函数。然而，这似乎很快就会变得混乱。

对此的一个解决方案是使用全局变量，但我总是听说这是Javascript中的禁忌。

有人对我有什么建议吗？拥有超过1000行代码的js文件是否可以？我目前正在开展一个项目，我已经达到了1600行。

Answer 1

从开发的角度来看，最好有个别文件;然后你通常将它们组合（并缩小）成一个文件（或少量文件）进行实时部署。

有两个建议：

1. 异步模块定义（AMD）实用程序，如RequireJS

2. 您放置属性的单个全局，而不是多个全局

第二个看起来有点像这样：

widget.js：

var MyApp = MyApp || {};
MyApp.Widget = function() {
    // ...
};

spanner.js：

var MyApp = MyApp || {};
MyApp.Spanner = function() {
    // ...
};

......等等。