JavaScript / jQuery fermeture de la syntaxe de la fonction

Quelqu'un peut-il expliquer les différences entre les fonctions suivantes:

(function($){
  //can do something like 
  $.fn.function_name = function(x){};

})(jQuery);

Pourrais-je utiliser jQuery dans la fonction suivante?

(function(){

}());

Et est la suivante le même que jquery.prêt()?

$(function(){

});

Merci!

InformationsquelleAutor MBax | 2010-12-17
  1. 96
    (function($){
  //can do something like 
  $.fn.function_name = function(x){};

})(jQuery);

    Qui est auto-exécution de la fonction anonyme qui utilise $ en argument, de sorte que vous pouvez l'utiliser ($) au lieu de jQuery à l'intérieur de cette fonction et sans la peur d'entrer en conflit avec d'autres bibliothèques parce que dans d'autres bibliothèques trop $ a une signification spéciale. Ce modèle est particulièrement utile lors de l'écriture de plugins jQuery.

    Vous pouvez écrire n'importe quel caractère de là, au lieu de $ trop:

    (function(j){
  //can do something like 
  j.fn.function_name = function(x){};

})(jQuery);

    Ici j automatiquement rattraper jQuery spécifié à la fin (jQuery). Ou vous pouvez laisser de côté l'argument complètement, mais alors vous devrez utiliser jQuery mot-clé tout autour de la place de $ sans crainte de collision encore. Donc $ est enveloppé dans l'argument de la court de main de sorte que vous pouvez écrire $ au lieu de jQuery tout autour de l'intérieur de cette fonction.

    (function(){

}());

    Qui est auto-exécution de la fonction anonyme à nouveau, mais avec aucun des arguments et des pistes/appelle elle-même à cause de () à la fin.

    Que les modèles s'avère être très utiles dans certaines situations. Par exemple, disons que vous souhaitez exécuter un morceau de code au bout de 500 milli secondes à chaque fois, vous serait naturellement aller pour setInterval.

    setInterval(doStuff, 500);

    Mais que faire si doStuff fonction prend plus de 500 moulin-secondes pour faire ce qu'il est en train de faire? Vous serait témoin des résultats inattendus mais setInterval va garder en appelant cette fonction, encore et encore à l'heure spécifiée indépendamment de savoir si doStuff fini.

    C'est là que le patron arrive et vous pouvez faire la même chose avec setTimeout en combinaison avec l'auto-exécution de la fonction anonyme et éviter mauvais setInterval comme ceci:

    (function foo(){
   doStuff;

   setTimeout(foo, 500);

})()

    Ce code vous répète encore et encore avec une différence. setTimeout ne sera jamais déclenché, à moins que doStuff est fini. Une bien meilleure approche que les mauvais setInterval.

    Vous pouvez le tester ici.

    Notez que vous pouvez aussi écrire à l'auto-exécution de la fonction anonyme comme ceci:

    function(){
  //some code
}();

    En utilisant des accolades autour (comme avant function mot-clé) est tout simplement convention de codage et peut être vu dans Crackford écrits, jQuery et ailleurs.

    $(function(){

});

    Qui est à court de main syntaxe prêt à l'emploi gestionnaire:

    $(document).ready(function(){

});

    Plus D'Informations:

    • A noter de plus que jQuery(someFunction) passe à l'objet jQuery comme premier argument de la fonction de rappel. Cela permet de faire un peu plus sûr-mais-toujours-laconique version du document prêt gestionnaire: jQuery(function($){ ...use $ here without fear of global collision... });
    • Attendre pour la cause de la setTimeout bénéficier personnellement, je file dans le "anti-modèle" de la catégorie. Pour des raisons de concision, c'est pas la peine de perdre dans le code de la clarté, de l'IDE code de l'aider, et de débogage; je vous laisse le code de raccourcissement automatique minification des outils.
    • function() { /* Some code */ }(); Est en fait pas syntaxe valide.
    InformationsquelleAutor Sarfraz
  2. 8

    Je sais que cette question est vieux, mais je suis tombé sur elle en ce moment et d'autres personnes. Je voulais juste faire remarquer que, bien que Sarfraz la réponse est grand, il doit être dit que pas de, la rédaction d'un auto-exécution, de la fonction anonyme dans accolades est pas un convention de codage.

    function(){
  //some code
}();

    Ne fonctionnera pas et de donner un SyntaxError parce que la fonction est en train d'être analysée comme une FunctionDeclaration, et le nom de la fonction n'est pas une option dans ce cas.

    D'autre part, la Groupement De L'Opérateur permet de s'assurer que le contenu est évalué comme un FunctionExpression.

    Voir: Expliquer JavaScript est encapsulé anonyme syntaxe de la fonction

    InformationsquelleAutor Sunyatasattva