Question sur les fonctions javascript [Résolu]

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

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]

Envoyé par 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 :

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

Envoyé par Walkn

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 :

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

puis tu l'exécute comme suit :

Code :

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

les 2 en un :

Code :

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 :

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 :

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]

Envoyé par Walkn

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 :

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