构建jquery和javascript（使用对象）的最佳实践

Question

我正在构建一个javascript/jquery密集网站，甚至在我第二个html页面的时候，我已经有了一个非常长的js文件。

我的页面充满了HTML元素（按钮，复选框，可拖拽/可拖拽列表等等）。而所有的交互侦听器和处理程序都在一个单一的单片封装的$(document).ready(...

我正在考虑为独立的“组”操作制作单独的JS文件，但我不确定这是否是一个好主意，考虑多个http获取将需要的操作。

从结构角度来看，我想尝试更多面向对象的方法。但是我不是很确定，因为我不是真正的前端/ JS程序员。我看过代码，人们喜欢将他们的应用程序所需的全部JS作为事件处理程序注册的对象等等。如果我已经在使用jQuery，这只会是多余的吗？有没有遵循/建立这样的做法？

预先感谢您。

Answer 1

您可以将代码组织为函数，代码的一部分。

您在独特的$（document）.ready 中与您的函数进行交互，因此您可以将所有其他函数放在其他文件中。

和draggble.js一样，你有你的拖动函数等等..你甚至可以用OOP JS风格来做，即使认为它不是最好的方式来做到这一点，因为jQuery。

这是做到这一点的一种方式，你有万种方法。

Answer 2

有很多种方法可以实现这一点。 我使用commonjs并将每一段代码作为一个模块。您可以要求或导入每个模块并拥有更清洁的开发项目。然后将它们打包为一个文件'a la'webpack，或者使用任何构建工具或NPM对其进行配置。