Subtilités dans la syntaxe

Bonjour pourriez-vous me dire quelle est la différence entre ces deux synthaxes :

Synthaxe 1 :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var testObjet = function() { // On peut mettre ici le constructeur de la classe this.toto = function() { alert('function toto appellé'); } } // instanciation d'un objet var _obj = new testObjet() // appel d'une méthode _obj.toto();

---

Synthaxe 2 :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function testObjet () { // On peut mettre ici le constructeur de la classe this.toto = function() { alert('function toto appellé'); } } // instanciation d'un objet var _obj = new testObjet() // appel d'une méthode _obj.toto();

---

Voilà. Merci pour vos réponses. :)

Dasn le premier cas tu crées une variable (objet) fonction
dans le second tu déclares une fonction...

niveau resultat c'est la même chose ...

J'irai plus loin : quelles différences entre les syntaxes 1, 2, 3 et 4 ?

Syntaxe 3 :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

var testObjet=function(){};   testObjet.prototype= { toto : function() { alert('function toto appellée'); } }     // instanciation d'un objet var _obj = new testObjet() // appel d'une méthode _obj.toto();

---

Syntaxe 4 :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var testObjet=function(){};   testObjet.prototype.toto = function() { alert('function toto appellée'); }       // instanciation d'un objet var _obj = new testObjet() // appel d'une méthode _obj.toto();

---

Le premier est une écriture JSON.

La seconde une écriture normale.

J'ai bon?

pas forcément ...

1. on crée un objet à l'aide d'une fonction anonyme. donc objet unique, pas de classe

2. on crée un objet à l'aide d'une fonction. la fonction ~ d'une classe, on peut instancier X objets de cette classe

3. comme 1. mais pas la même notation (JSON). et après coup on rajoute une fonction à l'objet instancié. avec cette notation on pourrait rajouter X fonctions ou membres à la suite de toto

4. comme 3 mais ajout unique de la propriété toto (i.e. on n'a plus l'accolade du 3.)

En bref, on crée un objet unique sauf en 2 où l'on peut en plus grâce à la fonction nommée créer d'autres objets du même type

heu big boom on peut faire des new mafonction() pour déclarer une instance séparée d'une fonction ... donc je ne vois pas de différence ...

Citation:

---

Envoyé par Auteur

Code:

---

1 2 3 4 5 6 7 8 9 10

var testObjet=function(){}; testObjet.prototype= { toto : function() { alert('function toto appellée'); } }

---

---

Est-ce bien ce "toto" qui est un label au sens JS ?
(question posée récemment sur le forum : "Qu'est ce qu'un label JS ?")

A+

Citation:

---

Envoyé par SpaceFrog

heu big boom on peut faire des new mafonction() pour déclarer une instance séparée d'une fonction ... donc je ne vois pas de différence ...

---

j'ai pas dit qu'il y avait une différence. j'ai juste commenté les différents codes et dit que le 2 instancie cash un objet unique puisque la classe (fonction) n'est pas nommée > si on en veut un autre objet il faut repêter le code de la fonction

Citation:

---

Envoyé par E.Bzz

Est-ce bien ce "toto" qui est un label au sens JS ?
(question posée récemment sur le forum : "Qu'est ce qu'un label JS ?")

A+

---

uhh j'ai pas suivi la discussion au sujet du label, mais là toto est une propriété de l'objet, et plus précisément une fonction.

Citation:

---

Envoyé par bigboomshakala

uhh j'ai pas suivi la discussion au sujet du label, mais là toto est une propriété de l'objet, et plus précisément une fonction.

---

C'était là, et ça correspond : son petit nom JS semble donc bien être "label" ...

A+

non ça n'a aucun rapport avec les labels. Si tu as fait du basic, les labels se rapprochent plus des instructions goto (cf. un exemple ici - ligne 80 qui fait un goto vers la ligne 70 si la condition est vraie).

Ici, il s'agit de définir des propriétés de l'objet :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

var testObjet=function(){};   testObjet.prototype= { maVariable : "coucou" , setMaVariable : function(valeur) { this.maVariable = valeur; } , getMaVariable : function() { return this.maVariable; } }     // instanciation d'un objet var _obj = new testObjet() // appel d'une méthode   alert(_obj.getMaVariable());   _obj.setMaVariable("hello");   alert(_obj.getMaVariable());

---

chaque propriété est séparée par une virgule.

Merci beaucoup pour vos réponses, étant graphiste, l'art de coder m'est un peu étranger, mais je suis entrain de l'apprivoiser, et me lance dans la prog objet. 8O

Ces explications m'ont permis de lever les doutes que j'avais. :yaisse2: :king: