Est-ce une manière intelligente d'organiser le code dans jQuery?

Question

le plus longtemps que j'écrivais tout mon code à l'intérieur comme ça ...

$(document).ready(function(){ 
    $('.show_module').click(function(){ 

    }); 
    ... 

}); 

mettre toutes sortes de gestionnaires de clic là-dedans. Mais récemment, j'ai été initié à une nouvelle façon de faire les choses et je voulais avoir une idée pour savoir si c'est une façon intelligente de s'y prendre.

l'idée est d'avoir tous les gestionnaires dans des fonctions connexes et ensuite avoir un minimum de code dans document.ready ci-dessus.

Ainsi, par exemple ...

$(document).ready(function(){ 
    page_handler(); // other functions follow 
}); 

function page_handler(){ 
    $('.show_module').click(function(){ 

    }); 
    ... 
} 

Cela semble permettre à l'organisation des gestionnaires dans les fonctions connexes et utiliser document.ready comme plus d'un initialiseur.

Je sais que dans les fonctions JavaScript et variables sont « hissés » avant le code commence à exécuter donc

do_something(); 
function do_something(){ 

} 

œuvres pour cette raison, puisque la fonction est prête à l'emploi avant do_something() est en fait appelé, même si elle apparaît avant la définition de la fonction réelle. Je me demandais si la même chose arrivait ici et à quel point cette idée/façon de faire est «bonne».

Answer 1

Cela exposera tous vos gestionnaires à la portée globale (window), ce qui peut entraîner des conflits.

Je préfère le faire ...

(function($) { 

// Anything you do in here won't be attached to window. 
var a; 

// If you must have something global, set it explicitly 
window.doSomething = function() { ... } 

// We can also use $ for jQuery here, even if we have used jQuery.noConflict() 
$('body')... 

})(jQuery); 

Answer 2

je mets toujours les fonctions avant le document prêt:

$(document).ready(function() { ... }); 

que j'écrire en sténographie:

$(function() { ... }); 

Idéalement, il est préférable d'avoir juste un initialiseur comme ci-dessus . This peut vous être utile si vous voulez écrire des extensions/plugins dans le contexte jQuery.

Answer 3

Cela dépend:

Voulez-vous réutiliser les fonctions? - Si oui, votre structure est une bonne façon de le faire

Quelle est votre code? - Si votre code n'est pas trop long et ne pas utiliser ailleurs. Je pense que vous n'avez pas besoin de le diviser en fonctions.