Discussion :

[guigui28]

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

Synthaxe 1 :

Code :

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

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 :

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

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.

[SpaceFrog]

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 ...

[Auteur]

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

Syntaxe 3 :

Code javascript :

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
 
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 javascript :

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

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();

[Malarkey]

Le premier est une écriture JSON.

La seconde une écriture normale.

J'ai bon?

[SpaceFrog]

pas forcément ...

[bigboomshakala]

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

[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 ...

[E.Bzz]

Code javascript :

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

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+

[bigboomshakala]

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

[bigboomshakala]

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.

[E.Bzz]

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+

[Auteur]

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 javascript :

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
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.

[guigui28]

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.

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