javascript - 管理大量代码的技巧？

Question

我的项目似乎越来越大，我的一些类(class)长达数千行。每次我想进行更改时都很难搜索它们。

我发现 JavaScript 不像其他一些编程语言那样容易布局干净。所以当类(class)达到几千行时，我很难阅读它。

我试过将其拆分为多个文件，但随后您将类分开，这似乎不对。例如，如果一个类中的每个方法都使用一个全局变量，您将只能在该类的一个文件中找到该全局变量。

此外，如果我想使用来自 100 个不同 .js 文件的 JavaScript 代码，我最终会得到类似这样的东西......

<script type="text/javascript" src="Scripts/classes/Node.js"></script>
<script type="text/javascript" src="Scripts/classes/Queue.js"></script>
<script type="text/javascript" src="Scripts/classes/DblyLinkedList.js"></script>
  .... 97 more lines like this

尽管如此，我想也许有些事情我可以做...

<script type="text/javascript" src="Scripts/.../*.js"></script>

或类似的...是这样吗？

有人对管理达到极限的代码有任何建议吗？

有关清理 JavaScript 代码的提示也会有所帮助。

Answer 1

将 JS 分解成单独的文件有一些主要缺点，主要是您迫使网络浏览器对每个文件发出单独的请求。

您是否考虑过将所有文件分开，但为每个项目制作一个只包含必要文件的单一文件“ bundle ”？这可以通过脚本自动执行。

这篇 SitePoint 文章可能会帮助您入门:http://www.sitepoint.com/blogs/2007/04/10/faster-page-loads-bundle-your-css-and-javascript/