到目前为止,我已经写了以下类似的代码...
// index.html
$(document).ready(function() {
$().SetUpElements();
});
// this is in a different js file
$.fn.SetUpElements = function() {
// do stuff here
$().UpdateElement();
};
// this is in yet another different js file
$.fn.UpdateElement = function() {
// do stuff here
var element = new Element(id, name); // continue doing work
};
function Element(id, name) {
var id = id;
var name = name;
// other stuff
};
我希望尽可能地重构和解耦对象/函数,以便能够最大程度地重用代码。我已经将很多代码分散在不同的.js文件中,目的是将特定相关代码分组在一起,就像在Java中编写不同的类一样。
随着我对jQuery的学习越来越深入,我意识到符号
$.fn.foo = function() { ... };
实际上是将这个foo
函数添加到所有jQuery对象的原型中。这是我应该做的吗?我是否在错误地使用jQuery?我希望得到关于如何改进JavaScript中面向对象编程方法的建议,并且我想看到讨论这个主题的参考资料/教程/文章等。即使已经选择了答案,请随时提供反馈。我正在寻求您的建议...这就是为什么我发布了这篇文章 :)
**注意:我没有开发jQuery插件。我正在开发一个Web应用程序,并且大量使用jQuery。