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

samedi 18 juillet 2009

Créer un singleton en JavaScript

Publié par Infinite Loop, à 11 h 20 3 commentaires

En programmation, on connait bien le pattern Singleton où une restriction autorise l'utilisation d'une seule instance de la classe. Mais comment l'implémenter en JavaScript ?

L'objectif d'un singleton, c'est de ne pas pouvoir instancier la classe, ce qui nous permettrait d'avoir différentes copies. C'est pourquoi on demandera à l'objet de nous retourner l'instance unique à utiliser, et ce, sans utiliser la notation "new". L'utilisation de ce pattern est justifié par le fait que deux objets du même type ne devraient pas coexister dans l'application. Un autre exemple se trouve dans un système d'exploitation, où plusieurs logiciels roulent comme des singletons : on s'assure que le processus est lancé une seule fois.

Ici, je ferai en sorte d'obtenir un objet de configuration unique pour mon application web. Ainsi, on veut restreindre le programmeur à faire ceci :

// erreur!
var obj = new AppConfiguration();
Voici un gabarit de base en JavaScript pour implémenter un singleton.
function AppConfiguration() {

// quelques propriétés
this.language = 'fr';
this.currency = 'CAD';
this.currencySymbol = '$';
this.dateFormat = 'yyyy-mm-dd';

if ( AppConfiguration.caller != AppConfiguration.getInstance ) {
throw new Error("This object cannot be instanciated");
}
}

// propriété statique qui contient l'instance unique
AppConfiguration.instance = null;

AppConfiguration.getInstance = function() {
if (this.instance == null) {
this.instance = new AppConfiguration();
}

return this.instance;
}
Dans le constructeur, c'est là que la magie s'opère. On vérifie la propriété caller qui retourne une référence à la fonction qui a appelé la fonction courante. Autrement dit, on retourne un objet seulement et seulement si ça a été demandé par la méthode getInstance.

Bien sûr, on peut appeler plusieurs fois getInstance() mais les propriétés de l'objet seront les mêmes pour les deux "objets" puisqu'en réalité, il s'agit du même comme le démontre le test ci-dessous :
var obj1 = AppConfiguration.getInstance();

// valeur par défaut: fr
console.log(obj1.language);

// changer la langue pour anglais
obj1.language = 'en';

// récupérer l'instance dans une autre variable
var obj2 = AppConfiguration.getInstance();

// la propriété language de obj2 vaut "en"!
console.log(obj2.language);

// changer la langue du 2ème objet
obj2.language = 'klingon';

// klingon
console.log(obj1.language);

// klingon
console.log(obj2.language);
Au final, même si l'objet est référencé par deux variables, elles pointent vers la même instance. Changer la propriété à une ou l'autre des variables se répercutera à l'objet unique.


Tags: JavaScript

3 réponses à "Créer un singleton en JavaScript"

  1. Takitano a dit...
    19 juillet 2011 à 20 h 08

    Bonsoir, le pb de ton singleton est que ton instance est publique, et par conséquent modifiable. Une autre manière de créer un sigleton est la manière suivante:

    module = (function(){
    // att privée
    var toto ;
    // fonction privée
    function pipi(){
    ...
    }

    // constructeur
    function constructor(){
    toto = 'coucou';
    };

    return {
    // att public
    att:true,
    // methode public
    get : function(){
    return toto;}
    };
    })();

    Infinite Loop a dit...
    25 juillet 2011 à 06 h 54

    Tu as raison, c'est un bon truc. Mais je n'arrive toujours pas à deviner le contexte des variables et de la fonction privée de ton singleton :-)

    Anonyme a dit...
    20 août 2011 à 09 h 22

    Excellent !

    J'étais à la recherche d'un moyen d'utiliser un Singleton pour communiquer entre des vues Backbone.js et voilà !

    Merci pour le partage d'infos


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 (56)
    • 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 (430)
      • ►  décembre 2009 (32)
      • ►  novembre 2009 (34)
      • ►  octobre 2009 (33)
      • ►  septembre 2009 (37)
      • ►  août 2009 (37)
      • ▼  juillet 2009 (39)
        • SQL Serveur 2008 perd le mot de passe ?
        • Regex greedy vs. lazy
        • White & Nerdy de Weird Al Yankovic
        • Bing remplacera le moteur de Yahoo!
        • Festival Geek de Montréal
        • Compter le nombre de lignes d'un fichier
        • Choix de mot de passe
        • Compresser des archives avec PHP
        • Citation no. 40 sur l'imagination
        • Algorithme de Luhn (mod10) pour cartes de crédit
        • Opérations sur un champ texte dans MSSQL
        • Plugin jQuery Uploadify 2.0.0
        • Nouveau easter egg dans Google
        • Option noConflict de jQuery
        • Gros bon sens pour l'usage des courriels
        • Équivalent de nslookup en PHP
        • Parkinson en milieu de travail
        • Performance JavaScript
        • Citation no. 39 sur l'imbécilité
        • Créer un singleton en JavaScript
        • Compiler un programme en C++
        • Virus Newton
        • Installer browscap.ini pour PHP
        • Qui se souvient du VRML ?
        • Star Wars et Telnet
        • Installer Telnet pour Windows 7 et Vista
        • Citation no. 38 sur la perfection
        • Internet Explorer et les messages simplifiés
        • Désactiver un trigger sous SQL Server
        • Impression avec saut de page en CSS
        • Trucs pour inverser la valeur d'un booléen
        • Principe : Fake It
        • Exécution avec des backticks en PHP
        • Ne volez pas cette regex de courriel !
        • Citation no. 37 sur le doute
        • Instruction GOTO de PHP 5.3
        • Cacher un fichier dans une image
        • Obtenir le statut d'exécution d'une requête Postgr...
        • Partager des librairies entre plusieurs projets
      • ►  juin 2009 (38)
      • ►  mai 2009 (37)
      • ►  avril 2009 (35)
      • ►  mars 2009 (37)
      • ►  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