Question POO closures

Bonjour,
J'ai lu pas mal de documentation sur les fonctions JS utilisées comme des classes. J'ai besoin d'un petit éclairage sur les closures:
Est que ces codes produisent le même objet:

Code:

---

1 2 3 4 5 6

function MaClass(){ this.int = 10; this.methode = function(){ alert(this.int); }; }

---

2e code avec closures:

Code:

---

1 2 3 4 5 6 7 8

function MaClass(){ var int = 10; return { methode: function(){ alert(int); } }; }

---

Il me semble que le résultat est le même à la différence que int dans la première version est publique et privé dans la 2e version.
Suis-je dans le juste ?

Tu le sais peut-être mais il n'y a pas de "classes" en javascript telles qu'on les connait. Mais comme tu le fais remarquer, il y a plusieurs façons de créer des objets, en l’occurrence en passant par les fonctions qui "simulent" le comportement des classes.

Pour répondre à la question, non, cela ne produit pas le même objet.

Pour le premier code, si tu exécutes la fonction telle quelle est définit : MaClass(); // this sera alors assimilé à window
Cela va :
- Attacher une variable nommée "int" à l'objet global window
- Attacher une fonction nommée 'méthode" à l'objet global window
=> donc aucun objet n'est créé

Toujours pour ce premier code, si tu crées un objet à partir de cette fonction en utilisant le mot clé new : var monObjet = new MaClass();
Cela va créer un objet en utilisant le prototype de la fonction. On dit alors que c'est un objet d'instance de "MaClass" elle même instance d'un Objet/
- L'objet contiendra donc deux propriétés : La première sera un Number appelé int et qui vaudra 10. La seconde une Function appelée methode
- Aura un constructeur d'instance MaClass
- Attacher cet objet à l'objet window

Pour le second code, la fonction retourne un objet directement construit à partir de l'objet de base "Object".
Cet objet ne contient que la méthode "methode" qui alert(10) car int, au moment de son instanciation, a été "fermé" avec la valeur 10.
En effet, var int = 10 n'est visible que dans la fonction MaClass et peut donc être considéré comme "privé" même si c'est un abus de langage car il n'y a pas ce genre de notions en Javascript, bien qu'elles peuvent être plus ou moins simulées.

Merci beaucoup pour cette réponse précise.

Je comprends mieux la raison pour laquel on ne trouve pas la 1er solution dans les tutos: elle n'est pas "propre" (création d'objets inutils dans window).

C'est un peu plus claire pour moi.