Discussion :

[Bleys]

Bonjour à tous,

j'ai consulté le tuto Programmation orientée objet avec le langage JavaScript de Thierry Templier où bon nombre de notions sont abordées ... sauf peut-être une (ou alors ai-je mal compris quelque chose).

Mon but est simple : créer un objet avec des attributs publiques, et d'autres privés. Je voudrais également pouvoir accéder à ces données depuis des méthodes publiques.

D'après le tuto, pour créer des attributs publiques et des méthodes publiques, il suffit de procéder comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
MaClasse = function _maClasse() { 
    this.attribut = "valeur"; 
    if( typeof MaClasse.initialized == "undefined" ) { 
        MaClasse.prototype.maMethode = function() { 
            alert("Attribut: " + this.attribut); 
        }; 
        MaClasse.initialized = true; 
    } 
};

Jusque là ça va ...
On nous dit également que si l'on veut réduire la portée de certaines variables, il "suffit" de procéder ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
MaClasse = function _maClasse() { 
    var _maVarPrivee = "privee";
};

Tout bêtement, je me suis donc dit, pour combiner les deux, il suffit de procéder de la sorte :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
MaClasse = function _maClasse() { 
    var _attribut = "valeur"; 
    if( typeof MaClasse.initialized == "undefined" ) { 
        MaClasse.prototype.maMethode = function() { 
            alert("Attribut: " + this._attribut); 
        }; 
        MaClasse.initialized = true; 
    } 
};

et, puisque je suis là, vous comprenez bien que ça ne fonctionne pas ainsi.

D'abord, pour avoir accès à l'attribut, il faut, contrairement à ce que j'ai écrit ici, utiliser le code suivant (pas de this.) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
MaClasse = function _maClasse() { 
     var _attribut = "valeur"; 
     if( typeof MaClasse.initialized == "undefined" ) { 
         MaClasse.prototype.maMethode = function() { 
             alert("Attribut: " + _attribut); 
         }; 
         MaClasse.initialized = true; 
     } 
 };

Du coup en procédant ainsi, _attribut se comporte plus comme une variable statique (au sens du C). Elle est initialisée à la création du premier objet, et puis c'est tout.

Ma question est donc : comment faire pour que _attribut soit propre à chaque instance, et que le _attribut utilisé dans ma méthode maMethode soit bien celui de l'instance courante ?


Par avance, merci à quiconque pourra m'aider

[SpaceFrog]

il me semble que ce sujet a déjà été traité ...
je recherche

http://t-templier.developpez.com/tut...vascript-poo1/
http://jpvincent.developpez.com/tuto...eloppeurs-php/
http://jacques-guizol.developpez.com...ets/Objets.php

[Bleys]

J'avais déjà lu le tuto Javascript Orienté Objet : syntaxe de base des classes JavaScript à l'intention des développeurs PHP de Jean-Pierre Vincent ... mais je dois reconnaître que je l'avais oublié.

Après une relecture des passages me concernant, selon les dires :

Remarquez que cette syntaxe (dite prototype) n'autorise pas à avoir des variables privées pour chaque instance comme en PHP: ici this.iTimeStamp se réfère bien à l'instance de customDate, mais est accessible depuis l'extérieur. La variable vraiment privée est privateVariable mais elle est visible et modifiable par toutes les instances, concept qui serait équivalent en PHP à une variable statique privée, qui peut par exemple servir à un manager d'instance (pattern factory + accessor) pour stocker une liste des instances en cours.

et malgré la syntaxe alternative, ce que je cherche à faire n'est pas possible.
J'avais bien pensé à la syntaxe alternative, mais on perd tout l'intérêt de l'objet : moi je cherche à ce que mes fonctions ne soient définies qu'une seule et unique fois et non ré-instanciées pour chaque instance de ma classe.


C'est bien la conclusion qu'il fallait tirer de ce tuto ?


Merci pour ta contribution SpaceFrog
S'il y a d'autres avis, je suis évidemment preneur

[SpaceFrog]

Non en fait il me semble qu'il y a des posts plus pointus sur le sujet ...
je n'arrive plus à remettre la main dessus ...

[franculo_caoulene]

Salut,

As-tu jeté un œil du coté du module pattern ou comme suit du revealing module pattern?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var MaClasse = (function () {
  var prop1 = 0,
    prop2 = 'blah',
    getProp2 = function() {
      return prop2;
    };
 
  return {
    prop1:prop1,
    getProp:getProp2
  };
}());
 
MaClasse.propPublic;
MaClasse.getProp();

Ai-je bien compris?

[Bleys]

Salut,

As-tu jeté un œil du coté du module pattern ou comme suit du revealing module pattern?

Je ne connaissais pas du tout le terme ... mais si ce dont tu parles correspond au code fourni après, ça rejoint ce que je disais précédent (la fameuse syntaxe alternative) : si je ne me trompe pas, avec un tel pattern, la fonction getProp2 est recréé pour chaque instance de ma classe MaClasse ... non ?


Merci de ton aide