javascript - 分离 JavaScript 代码的缺点？

Question

我有一个包含许多事件处理程序的页面。代码现在达到了 1000 多行代码，我开始难以阅读代码。我现在打算将代码分离到不同的文件中。我的问题是，将 JS 代码分离到不同的文件中有什么缺点吗？

Answer 1

最佳做法是为开发目的创建相对较小的文件，其中每个文件都包含一个所有相关的功能模块(任何对开发/调试/编辑/源代码控制最有效的文件。您可以为每个文件指定一个有意义的名称描述其中的内容。这些文件中的每一个都可以单独管理(它们在源代码控制系统中的版本历史记录， checkin / checkout 等...)。通常更容易打开多个选项卡并在其中打开单独的文件您的编辑器而不是尝试使用书签在一个大文件的不同位置之间跳转等等...

然后，当您开始部署您的应用程序时，您可以使用一种工具(例如 Google 闭包或 YUI Compressor)来最小化所有较小的文件并将其合并到一个部署文件中。这保留了包含相关代码的较小文件的开发优势，同时保留了将大部分/所有代码放在一个较大的外部 javascript 文件中的部署优势，该文件可以在一个 http 请求中下载并可以非常有效地缓存。