<分区>
我已经开始为网站积累相当多的 Javascript 代码行。到目前为止，一切都在一个文件中，并且该文件变得无法维护。如果一行有错误，整个文件就会中断。
我试过将代码拆分成多个文件，但是有一些跨对象的共享方法，例如:validateEmail(address)。
现在，我将我的代码组织成对象，如下所示:
var ProductPage = {
addToCartBtn: "#add-to-cart",
init: function() {
ProductPage.initAddToCartPopup();
ProductPage.initSidebar();
...
},
...
};
然后，我在 $(document).ready 上调用 ProductPage.init()。
我的问题是:当将 ProductPage 拆分为单独的文件作为 ContactPage 时，例如我无法访问 ContactPage.validateEmail()。我相信这是因为我的代码包含在 jQuery 中:
(function ($) {
...
})(jQuery);
有没有人了解他们是如何组织大型 Javascript 系统的？此外，我计划通过将所有这些放入一个文件并压缩来进行优化。因此，任何有利于可维护性和易于优化的方法都是很棒的。