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

vendredi 15 mai 2009

Fonction JavaScript à paramètres variables

Publié par Infinite Loop, à 12 h 04 0 commentaire

En JavaScript, il n'y a pas réellement de moyen précis de faire une surcharge de méthode, c'est à dire d'appeler une fonction qui accepte un nombre arbitraire de paramètres.

En fait, si on définit deux fonctions qui portent le même nom mais qui possèdent une nombre différent de paramètres, seule la dernière déclarée sera appelée.

// ne sera jamais exécutée
function test(p1){
console.log('Version à 1 paramètre');
}

// celle-ci fonctionnera et affichera un message dans Firebug
function test(p1, p2){
console.log('Version à 2 paramètres');
}

test('a');
test('a', 'b');
Sinon, une alternative est de définir une seule fonction, de ne pas spécifier de liste d'arguments dans sa signature et de boucler sur la liste des arguments reçus. Cependant, ça peut être difficile à gérer car les paramètres ne sont pas nommés, peuvent être dans certains cas optionnels et doivent suivre l'ordre reçu.
function test() {
for(var i=0; i<arguments.length; i++) {
console.log("Paramètre " + i + ": " + arguments[i]);
}
}
Ma solution préférée est d'utiliser un framework JavaScript comme jQuery ou Prototype et de passer une objet JSON en paramètre. Ainsi, la signature de la fonction ne change pas (toujours le même nombre d'arguments, dont un qui en contient plusieurs sous la forme JSON), les paramètres sont nommés du fait que la valeur est une propriété de l'objet et je peux les passer dans l'ordre que je veux.

Pour donner un exemple concret, imaginez une fonction qui reçoit différentes propriétés reliées à une pièce musicale numérique. À l'intérieur de la fonction, je liste les propriétés attendues et je les initialise avec des valeurs par défaut qui seront écrasées seulement si je passe une nouvelle valeur en paramètre. L'exemple ci-dessous se base sur jQuery, mais peut facilement être modifié pour l'utiliser avec Prototype.
function myFunction(params) {

// Pour Prototype, remplacer $.extend par Object.extend
var properties = $.extend(
{
'Artist' : '',
'Album' : '',
'Track' : '',
'Title' : '',
'Year' : '',
'Genre' : 'Unknown',
'Format' : 'Mp3',
'Kbps' : '320',
'Disk' : ''
}, params || {} );

// afficher toutes les propriétés et leurs valeurs
for(var p in properties){
console.log(p + ' = ' + properties[p]);
}

// validations
if (properties.Artist == ''){
console.log('Oups, il faut au moins mettre le nom de l\'artiste');
}
}
Finalement, il ne reste plus que l'appel à la fonction. Pour faciliter la lecture, je crée d'abord la liste d'arguments et je passe l'objet à ma fonction.
var args =
{
'Artist' : 'Jean Leloup',
'Album' : 'Mille excuses Milady',
'Track' : '8',
'Title' : 'Recommencer',
'Year' : '2009',
'Genre' : 'Francophone',
'Kbps' : '320',
// ajouter dynamiquement une propriété
// qui n'existe pas dans ceux attendus
'Rating' : '5'
};

myFunction(args);
J'espère que ça vous sera utile. Je vous souhaite un bon weekend!


Tags: JavaScript

0 réponse à "Fonction JavaScript à paramètres variables"


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)
    • ▼  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)
        • Obtenir le Page Rank Google en PHP ou Perl
        • Citation no. 32 sur Windows
        • Google Talk chatback badge
        • Images volantes en JavaScript
        • ASP vs PHP
        • Intervalles de dates sous PostgreSQL et SQL Server
        • Ordre de chargement avec Prototype
        • Pouvez-vous lire ceci ?
        • Service ReCaptcha en français
        • Citation no. 31 sur la lune
        • Google killers
        • Configurer Zend_Tool en CLI
        • Quelques logos intéressants
        • Créer un WSDL facilement avec Zend Framework
        • XSS sur Wikio... et Archambault Musique
        • Encryption de données en PHP
        • Virtualiser les fureteurs avec Xenocode
        • Traductions pour Uploadify
        • Citation no. 30 sur la force
        • ASCII Art avec GIMP
        • Fonction JavaScript à paramètres variables
        • The Mythical Man-Month - Loi de Brooks
        • Fichier en attachement avec Zend_Mail
        • Konami Code sur jQuery et Facebook
        • Star Trek
        • 3 façons de lire du XML en PHP
        • Citation no. 29 sur l'infini
        • Déboguer avec FirePHP
        • 99 bouteilles de bière
        • Étude de cas Zend Solutions
        • Zend_Service_Twitter
        • Devinette mathématique classique
        • Obtenir l'extension d'un fichier
        • Récupérer une image sur Amazon avec Zend Framework
        • Citation no. 28 sur un jour de travail productif
        • Modifier l'entête Server d'Apache
        • Contrôler le téléchargement d'un fichier
      • ►  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