Discussion :

[dev-k]

Bonjour,

Je vois souvent dans des codes javascript ceci.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var monObjet = function() {
    return {
        maFonction: function() {
            //code
        },
        autreFonction: function() {
            //code
        }
    };
}();

Quelle est la différence para rapport cela??

Code :

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

1
2
3
4
5
6
7
8
9
 
var monObjet = {
    maFonction = function() {
        //code
    },
    autreFonction = function() {
         //code
    }
};

Merci,

[Matthieu Bissat]

Hello,

Tout d'abord, dans ton 2e bout de code, il faut remplacer les '=' par des ':' , sinon ce n'est pas du javascript valide.

Ensuite, ton 2e bout de code crée un objet directement. Alors que le premier exécute une fonction anonyme, qui retourne un objet. Au final le résultat est le même dans ce cas.

Là où ça deviendrait différent, c'est si tes fonctions se passent des paramètres entre elles. A ce moment, tu tombes dans des histoires de scope des paramètres. Avec le premier bout de code, tu peux avoir des paramètres partagés par les fonctions, alors que ce n'est pas le cas avec le 2e bout de code (vu que tu crées l'objet directement). Mais je t'avoue que ce type d'utilisation n'est pas ma spécialité

[dev-k]

Tout d'abord, dans ton 2e bout de code, il faut remplacer les '=' par des ':' , sinon ce n'est pas du javascript valide.

Bien entendu, j'ai écrit ça dans la précipitation.

En effet, je vois l'intérêt pour la passage de paramètres.
C'est pas facile à cerner les fonctions anonymes et closures.

Merci,