我已经搜索了一些,但没有找到任何对我有帮助的问题/答案。问题是我的 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 个匿名函数声明)
我应该简单地创建一堆函数并调用它们以使其更具可读性吗?我反对这样做的唯一原因是因为我声明了一堆只使用一次的函数。
预先感谢您的帮助!
最佳答案
在正确的范围内定义函数,这没什么大不了的。
var generateHTML = function() {
...
};
var somethingElse = function() {
...
};
... some more ...
$('#dialog').html( generateHTML() )...etc
除了一般性地重新组织代码(例如 using an object oriented style )以封装代码以使其不那么困惑之外,您无能为力。
关于jQuery 重构/维护,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2024332/