Discussion :

[Walkn]

Bonsoir,

Voilà je suis en train de regarder des fichiers javascript pour la déclaration de fonction et je suis tomber sur ce genre de structure :

Code :

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

1
2
3
4
;(function()
{
...
}();

Cependant je ne sais pas dutout à quoi elle correspond ...

Es-ce que quelqu'un pourrait m'aider s'il vous plait pour m'expliquer ce type de déclaration car je ne trouve aucun renseignement sur internet.

Merci beaucoup de votre aide.

[Willpower]

Bonsoir,

Voilà je suis en train de regarder des fichiers javascript pour la déclaration de fonction et je suis tomber sur ce genre de structure :

;(function()
{
...
}();

Cependant je ne sais pas dutout à quoi elle correspond ...

Es-ce que quelqu'un pourrait m'aider s'il vous plait pour m'expliquer ce type de déclaration car je ne trouve aucun renseignement sur internet.

Merci beaucoup de votre aide.

cela déclare et exécute une fonction anonyme.

[Walkn]

Comment çà déclare ?

pourquoi le ";(" avant le function??

je ne vois pas vraiment comment cela fonctionne

[Willpower]

Comment çà déclare ?

pourquoi le ";(" avant le function??

je ne vois pas vraiment comment cela fonctionne

le ; n'a rien à voir, tu l'as surement copié d'une instruction précédente !

ensuite normalement pour déclarer une fonction tu fais :

Code :

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

1
2
// déclarer
function nom(){...};

puis tu l'exécute comme suit :

Code :

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

1
2
3
 
// exécuter
nom(parametre);

les 2 en un :

Code :

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

1
2
3
 
// déclarer et exécuter :
(function nom(){...})(parametre);

si par la suite tu n'utiliser plus cette fonction, cela ne sert à rien de lui donner un nom qui ne servira qu'a la réutiliser donc :

Code :

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

1
2
3
 
// déclarer et exécuter une fonction anonyme :
(function(){...})(parametre);

[Walkn]

D'accord je comprend mieux maintenant

En fait la structure que j'ai vu est comme cela :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
/**
 * SyntaxHighlighter
 * @version
 * 3.0.83 (July 02 2010)
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
;(function()
{
...
})();

[Willpower]

D'accord je comprend mieux maintenant

En fait la structure que j'ai vu est comme cela :

/**
* SyntaxHighlighter
* @version
* 3.0.83 (July 02 2010)
*
* @license
* Dual licensed under the MIT and GPL licenses.
*/
;(function()
{
...
})();

j'imagine que le ; en début de fichier js, est préventif au cas où tu copierais le code js à la fin d'un autre fichier js et que tu n'aurais pas fini correctement la dernière instruction de cet autre fichier, typiquement genre une assignation :

qqe_chose = autrechose

mais sans certitude, je laisse me collègues te donner une vraie explication s'ils en ont une.

[Willpower]

ici, la fonction anonyme si elle englobe toute la librairie sert à encapsuler les variables qui seront locales à ta lib(locales à la fonction anonyme) :

exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var data = "un string sale^^";
 
//début de ma lib
(function(){
  var data=12;
  alert(data);
})();
//fin de ma lib
 
// début de mon code
alert(data);

[ABCIWEB]

Il y a aussi de la doc ici.

Enfin bon tu ne commence pas par le plus facile... Cela dit il est vrai qu'on est amené à rencontrer ce type de fonctions un jour ou l'autre.

[Walkn]

Merci à tous pour vos réponses et vos conseils