jQuery重构/维护

Question

我搜索了一下SO,并没有找到任何帮助我的问题/答案.问题是我的jQuery函数调用变得太大而无法维护.我想知道我是否应该重构更多,或者是否有更好的方法来完成所有这些调用.你会看到,当我进行一次调用时,作为函数参数的匿名函数最终会非常大,并使代码的可读性变得非常糟糕.理论上,我可以把所有这些都分解成自己的功能,但我不知道这是不是最好的做法.以下是目前为止jQuery的一些示例:

$('#dialog').html('A TON OF HTML TO BUILD A FORM').dialog('option', 'buttons', { 'Save': function(){$.post('/use/add/', $('#use_form').serialize(), function(data){ ......There were 4 more lines of this but I'm saving you so you don't rip your eyeballs out hopefully you get the idea.....dialog('option','title','New Use').dialog('open');

正如你所看到的,因为我正在调用的许多函数都将函数作为参数,当我创建匿名函数时,我最终得到了一个巨大的混乱(此代码中还有大约3个匿名函数声明)

我应该简单地制作一堆函数并调用它们以使其更具可读性.我反对这个的唯一原因是因为我声明了一堆只使用过一次的函数.

在此先感谢您的帮助!

Answer 1

在正确的范围内定义函数,这不是什么大问题.

var generateHTML = function() {
  ...
};
var somethingElse = function() {
  ...
};

... some more ...

$('#dialog').html( generateHTML() )...etc

除了重新组织代码(例如,使用面向对象的样式)来封装代码以使其不那么混乱之外,您无法做其他事情.