Question sur les fonctions javascript

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

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.

Citation:

---

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

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.

Comment çà déclare ?

pourquoi le ";(" avant le function??

je ne vois pas vraiment comment cela fonctionne

Citation:

---

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

---

;)

D'accord je comprend mieux maintenant :D

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() { ... })();

---

Citation:

---

Envoyé par Walkn

D'accord je comprend mieux maintenant :D

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

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

---

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.

Merci à tous pour vos réponses et vos conseils:D:D:D