Discussion :

[stitox]

Bonjour tout le monde,

J'ai une petite question sur l'utilisation des objets dans Javascript, il y a plusieurs méthodes mais je ne sais plus qui est le plus utilisé et pour quelle raison, j'avoue que je suis confus, je donnerai quelque exemples :

Méthode 1 : créer un Object comme ça :

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
16
17
18
19
20
21
 
    var Naruto = {
        this.userName : "default",
        changeName : function(name){
            this.userName = name;    
        },
        showNarutoUser : function(){
            alert('bonjour '+this.userName);
        }
    }
 
    // initialization de l'objet:
 
    Naruto.changeName("Stitox");
    Naruto.showNarutoUser ();
 
    // on peut aussi je pense rajouter d'autres fonctions comme ça 
 
    Naruto.prototype.sayHello = function(){
        alert('hello');
    }

Méthode 2 : créer un Object comme ça :

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
16
17
18
19
20
21
22
23
24
 
 
function Naruto(name){
    this.userName = name;
    this.changeName = function(newName){
        this.userName = newName;
    },
    this.showNarutoUser = function(){
        alert('bonjour '+this.userName);
    } 
}
 
 // initialization de l'objet:
 
var graf = new Naruto('Stitox');
    graf.changeName('El garch');
    graf.showNarutoUser();
 
// Rajout du prototype 
 
      Naruto.prototype.sayHello = function(){
        alert('hello');
    }
    graf.sayHello ();

Quelle méthode utilisez vous souvent, je ne maitraise pas encore très bien Javascript, surtout les objets, prototypes, et concrètement je ne sais plus quand profiter de tout ça, si vous avez quelque chose à me recommander, des liens utiles, je serai très reconnaissant.

P.S : je suis bien habituer avec jQuery, d'après les projets d'intégration sur qui j'ai travaillé, je sens que mon niveau est pas du tout mauvais


Merci beaucoup par Avance.

[TheGwy]

C'est un vaste sujet sur lequel il est quasiment impossible de faire une réponse complète.
Pour faire concis, l'un est un objet littéral, l'autre utilise une fonction constructeur.

J'ai tendance à utiliser plus souvent la seconde forme, mais ce n'est qu'une préférence personnelle.
La seconde forme est aussi celle que tu préfèrera si tu dois faire plusieurs instances de ton objet.

Il existe de nombreuses et subtiles différence entre ces deux formes, et il est assez dur de trouver de bons articles (y compris sur développez.com) couvrant réellement le sujet.

Personnellement je te conseillerait de potasser "Javascript Patterns" de Stoyan Stefanov qui est à ce jour la source d'information la plus complète et la plus compréhensible (ce qui est important car des articles ambigus je peux t'en sortir à la pelle) que j'ai trouvé sur ce sujet.
De plus ce livre à l'avantage d'être assez concis (torché en deux ou trois sessions de lecture) et d'aller droit au but : ce qui est vachement appréciable... mon temps est précieux et avoir 400 pages d'introduction sur les notions basiques dans chaque bouquin c'est assez lourd au bout d'un moment.

[stitox]

Merci TheGwy pour tes explications, je vais lire "Javascript Patterns" de Stoyan Stefanov, espérant trouver des réponses à ce sujet.

[bigboomshakala]

salut,

Code :

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

 var Naruto = { ... }

crée un objet Naruto unique

Code :

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

1
2
3
4
function Naruto(name){ ... }
 
var v1 = new Naruto(...);
var v2 = new Naruto(...);

crée deux objets v1 et v2 de type Naruto

dans le 1er cas Naruto est un objet unique, dans le 2è cas c'est une fonction (une pseudo-classe) qui te permet de créer des objets

[stitox]

Merci bigboomshakala,

C'est clair maintenant, j'utiliserai donc la première solution dans le cas ou je veux créer un seul Objet, et la 2ème pour créer plusieurs instances.

[Willpower]

Merci bigboomshakala,

C'est clair maintenant, j'utiliserai donc la première solution dans le cas ou je veux créer un seul Objet, et la 2ème pour créer plusieurs instances.

bien résumé.

[sekaijin]

la première solution est est la méthode naturelle de création d'un objet ce que les autre langage font au travers de la création d'une classe implémentant le design pattern "Singleton"
soit donc un objet unique.

dans la solution suivante tu crée un prototype ce qui s'apparente à un constructeur dans un langage à base de classe. puis tu crée une ou plusieurs instances.

A+JYT