javascript - 使用全局变量和多个js文件更好还是使用局部变量和一个长js文件更好？

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 8 年前。

Improve this question

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

我意识到对此的反驳是将变量作为函数中的参数传递。然而，这似乎很快就会变得困惑。

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

有人对我有什么建议吗？ js文件超过1000行代码可以吗？我目前正在做一个项目，最多有 1600 行。

Answer 1

从开发的 Angular 来看，最好有单独的文件；然后您通常将它们组合(并缩小)为一个文件(或少量文件)以进行实时部署。

这样做的两个建议:

1. 异步模块定义 (AMD) 实用程序，例如 RequireJS

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

那一秒看起来有点像这样:

widget.js:

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

spanner.js:

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

...等等。