skip to main | skip to sidebar
Code 18
Manuel du savoir-faire à l'usage des geeks et des curieux
RSS
  • Accueil
  • Le web au Québec
  • Liens
  • Twitter
  • Facebook
  • À propos

jeudi 14 janvier 2010

Syntaxe particulière des appels de fonctions JavaScript

Publié par Infinite Loop, à 20 h 06 2 commentaires

Tout comme moi, vous avez peut-être déjà remarqué la syntaxe JavaScript suivante où la définition de la fonction est elle-même suivie de parenthèses :

var object = function(){}();
Peut-être que vous ne vous êtes pas posé la question à savoir ce qu'elles faisaient là ? Peut-être êtes-vous curieux de le savoir ? En fait, je l'ignorais jusqu'à ce que je commence à faire la lecture du code de jQuery et Prototype pour comprendre le fonctionnement interne et apprendre quelques trucs sur le tas (ne m'en voulez pas, je suis surtout spécialisé dans le back-end (server-side) des applications web).

Ouvrez le code source et remarquez la syntaxe de ces librairies.
var object = function(){
// code
}();
Pour constater ce qui se passe, on voit qu'il y a une variable obj et qu'on lui assigne le résultat d'une fonction. La variable ne contiendra pas le corps de la fonction anonyme mais bien ce que la fonction retourne. Les parenthèses à la fin indiquent à l'engin JavaScript qu'il doit exécuter immédiatement la fonction dès qu'elle est interprétée.
var result = function(){
return 'Hello World';
}();

// Hello World
alert(result);
Qui est équivalent à la forme alternative :
var fct = function(){
return 'Hello World';
};

alert(fct());
Remarquez dans l'exemple précédent que la fonction n'est pas suivie par (), ce qui veut dire qu'elle n'est pas exécutée. Le corps de la fonction se trouve dans la variable fct qu'on peut ensuite l'appeler avec fct().

L'autre particularité qu'il faut retenir est qu'en utilisant la première forme avec les parenthèses, il est possible de passer un argument, ce qui explique bien des choses dans le fonctionnement de jQuery (...(window);) et Prototype (...(Element.Methods);).
var result = function(text){
return text;
}('Hello World');

alert(result);
En passant, la librairie jQuery 1.4 est officiellement sortie aujourd'hui.


Tags: JavaScript

2 réponses à "Syntaxe particulière des appels de fonctions JavaScript"

  1. Loic Giraudel a dit...
    21 janvier 2010 à 11 h 54

    Cette syntaxe a pour principal avantage de créer des objets ou des classes javascript possédant des attributs privés ou publiques comme dans n'importe quel langage objet.

    Deux exemples :
    var MyObj = function() {
      var attr = "aaa";
      return {
        getAttr : function() {
          return attr;
        }
      };
    }();

    Dans ce code, l'attribut "attr" est défini dans la fonction anonyme, je n'y ai donc pas accès. Par contre j'ai accès à son getter "getAttr".

    Donc si je fais :
    console.log(MyObj.getAttr());
    console.log(MyObj.attr);

    Le premier va m'afficher "aaa" tandis que le second va m'afficher "undefined".

    Deuxième exemple, cette fois-ci avec une classe :
    var MyClass = function() {
      this.attr = "bbb";
      return function() {
        return {
          getAttr: function() {
            return attr;
          }
        }
      };
    }();

    En appelant le code suivant :
    var MyObj2 = new MyClass();
    console.log(MyObj2.getAttr());
    console.log(MyObj2.attr);

    Le premier appel va m'afficher "bbb" tandis que le second va m'afficher "undefined".

    Infinite Loop a dit...
    19 février 2010 à 17 h 08

    Exemple très pertinent. Merci!


Publier un commentaire

Message plus récent Messages plus anciens Accueil
S'abonner à : Publier des commentaires (Atom)
    Suivre @code18 sur Twitter

    Catégories

    • Apache (21)
    • Citations (167)
    • Club Vidéo (24)
    • Coffre à outils (55)
    • CSS (8)
    • Curiosités (117)
    • Design Pattern (2)
    • Drupal (8)
    • Easter Eggs (22)
    • Extensions Firefox (20)
    • GIMP (7)
    • Histoire (21)
    • HTML (32)
    • Humour (57)
    • Intégration (34)
    • iPod (12)
    • JavaScript (110)
    • Jeu de combat (6)
    • Le coin du geek (128)
    • Liens (12)
    • Linux (56)
    • Livres (78)
    • Lois et principes (46)
    • Marché des saveurs (26)
    • Mathématique (18)
    • Mobile (5)
    • Montréal (32)
    • Musique (112)
    • Pancartes et écriteaux (16)
    • Perl (8)
    • Pérou (1)
    • PHP (130)
    • PostgreSQL (44)
    • Programmation (105)
    • Saviez-vous que (55)
    • Sécurité (22)
    • SEO (5)
    • SQL Server (22)
    • Vieilles publicités (6)
    • Virtualisation (8)
    • Voyages (1)
    • Zend Framework (26)

    Divers

    Archives

    • ►  2015 (6)
      • ►  août 2015 (1)
      • ►  juillet 2015 (1)
      • ►  février 2015 (3)
      • ►  janvier 2015 (1)
    • ►  2014 (8)
      • ►  décembre 2014 (1)
      • ►  novembre 2014 (1)
      • ►  octobre 2014 (1)
      • ►  août 2014 (2)
      • ►  juillet 2014 (2)
      • ►  janvier 2014 (1)
    • ►  2013 (53)
      • ►  décembre 2013 (2)
      • ►  novembre 2013 (1)
      • ►  octobre 2013 (3)
      • ►  septembre 2013 (2)
      • ►  août 2013 (5)
      • ►  juillet 2013 (3)
      • ►  juin 2013 (5)
      • ►  mai 2013 (3)
      • ►  avril 2013 (7)
      • ►  mars 2013 (7)
      • ►  février 2013 (11)
      • ►  janvier 2013 (4)
    • ►  2012 (105)
      • ►  décembre 2012 (8)
      • ►  novembre 2012 (5)
      • ►  octobre 2012 (4)
      • ►  septembre 2012 (1)
      • ►  août 2012 (8)
      • ►  juillet 2012 (7)
      • ►  juin 2012 (7)
      • ►  mai 2012 (10)
      • ►  avril 2012 (13)
      • ►  mars 2012 (15)
      • ►  février 2012 (15)
      • ►  janvier 2012 (12)
    • ►  2011 (146)
      • ►  décembre 2011 (14)
      • ►  novembre 2011 (11)
      • ►  octobre 2011 (12)
      • ►  septembre 2011 (13)
      • ►  août 2011 (15)
      • ►  juillet 2011 (17)
      • ►  juin 2011 (18)
      • ►  mai 2011 (15)
      • ►  avril 2011 (9)
      • ►  mars 2011 (7)
      • ►  février 2011 (3)
      • ►  janvier 2011 (12)
    • ▼  2010 (398)
      • ►  décembre 2010 (29)
      • ►  novembre 2010 (28)
      • ►  octobre 2010 (32)
      • ►  septembre 2010 (34)
      • ►  août 2010 (22)
      • ►  juillet 2010 (35)
      • ►  juin 2010 (42)
      • ►  mai 2010 (36)
      • ►  avril 2010 (37)
      • ►  mars 2010 (34)
      • ►  février 2010 (32)
      • ▼  janvier 2010 (37)
        • Citation no. 67 sur les statistiques
        • Laisser du pourboire à la façon Feynman
        • Le monde de Wal-Mart
        • Cracker un MD5 de PostgreSQL
        • Lire la valeur par défaut d'un champ PostgreSQL
        • La route de Cormac McCarthy
        • Guitare digitale Misa
        • Montréal, c'est toi ma ville !
        • Citation no. 66 sur l'opinion
        • Slumdog Millionaire
        • Raccourci pour basculer entre les fenêtres et le b...
        • Blogue dont vous êtes le héros
        • Apple Pastry Kit pour iPhone
        • YSlow : suggestions d'optimisations
        • Échec et mat
        • Citation no. 65 sur l'absurdité
        • Restaurer GRUB pour du multiboot (MBR)
        • Créer des éléments du DOM avec jQuery 1.4
        • Fixer le master boot record (MBR)
        • Trojan Internet Security 2010
        • Syntaxe particulière des appels de fonctions JavaS...
        • Changement non permis dans SQL Server Management S...
        • Jeu de soccer sur iPod et iPhone
        • Transformation de texte en CSS
        • Comment sauver Zelda ?
        • Citation no. 64 sur la bière
        • SQL Server et les vues à recompiler
        • Trucage musical impressionnant de Lasse Gjertsen
        • 0xDEADBEEF
        • Questions d'entrevue chez Google
        • Lister les fonctions de jQuery
        • Maintenant, on peut tuer par Internet
        • Citation no. 63 sur la compréhension
        • Jean-Yves Lafesse et le service informatique
        • PI - Mazda 3.1415
        • Connexion PostgreSQL sous une machine virtuelle
        • La surprise de Google pour 2010
    • ►  2009 (429)
      • ►  décembre 2009 (32)
      • ►  novembre 2009 (34)
      • ►  octobre 2009 (33)
      • ►  septembre 2009 (37)
      • ►  août 2009 (37)
      • ►  juillet 2009 (39)
      • ►  juin 2009 (38)
      • ►  mai 2009 (37)
      • ►  avril 2009 (35)
      • ►  mars 2009 (36)
      • ►  février 2009 (32)
      • ►  janvier 2009 (39)
    • ►  2008 (84)
      • ►  décembre 2008 (34)
      • ►  novembre 2008 (39)
      • ►  octobre 2008 (11)

    Abonnés

Copyright © All Rights Reserved. Code 18 | Converted into Blogger Templates by Theme Craft