So di cosa stai parlando e ho affrontato lo stesso problema in cui le funzioni di concatenamento, il recupero di dati da elementi HTML ecc. crea un disordine nella base di codice e il refactoring potrebbe anche essere un enorme dolore.
Anche se utilizzi framework MVC ma non organizzi correttamente il codice, ti ritroverai comunque con una base di codice disordinata.
Quello che ho usato per me stesso che ha funzionato in pratica è scrivere il tuo codice jQuery in formato plugin. In questo modo, rendendolo riutilizzabile per altri progetti, se necessario, riducendo la duplicazione del codice, costringendoti a incapsulare i cambiamenti e soprattutto diventa aperto per estensione ma chiuso per la modifica, quindi tutte quelle ottime pratiche che costituiscono una base di codice pulita.
(function($){
var PluginName = function(element)
{
var elem = $(element);
var obj = this;
var settings = $.extend({
someSetting: "someValue"
});
this.func1 = function(someArgument)
{
some code
};
this.func2 = function()
{
some more code
};
};
$.fn.pluginName= function()
{
return this.each(function()
{
var element = $(this);
if (element.data('pluginName')) return;
var pluginName = new PluginName(this);
element.data('pluginName', pluginName);
});
};
})(jQuery);
Quindi una volta che hai tutto il tuo codice in un posto che rappresenta una responsabilità (SRP) puoi andare avanti e usarlo in questo modo:
jQuery(this).pluginName();
var pluginName = jQuery(this).data('pluginName');
pluginName.func1(someArgument);