[Article] Espaces de noms (ou namespace) en JavaScript

Bonjour,

Cet article va vous expliquer comment cr�er des espaces de noms en JavaScript et par la m�me occasion comment cr�er une biblioth�que JavaScript.

N'h�sitez pas � me faire part de vos remarques/questions
Bonne lecture!

Salut

Merci pour ce tuto. Il se trouve que je suis en plein dedans en ce moment.
Il est compr�hensible et concis.

Parfois plus que certains livres...

Enti�rement d'accord, tr�s clair, tr�s agr�able � lire et tr�s instructif.
Merci !

Sinc�rement il n'y manque rien.

C'est tr�s clair, bien �crit - j'insiste sur ce point, et les exemples sont simples, fonctionnels et compr�hensibles.

Une seule petite remarque ;) cela aurait �t� int�ressant d'avoir une note de renvoi vers les annexes dans le texte (par exemple un renvoi vers l'annexe de la fonction anonyme � l'endroit o� tu �cris:

Citation:

---

Que r�alise la fonction anonyme dont la d�finition repr�sente tout notre fichier d'extension

---

); je sais que la table des mati�res y fait r�f�rence, mais il arrive qu'on la parcoure un peu vite, press� qu'on est de lire l'article !


Encore f�licitations,

ERE

Eh bien merci pour ce tuto qui �claire pas mal de chose dans ce trou b�ant situ� juste entre mes deux oreilles :)

:bravo:

:D merci pour ces retours tres positifs, ca m'encourage a continuer!

pour info je publierais un nouvel article dans les prochaines semaines. le premier d'une longue serie (j'espere) sur le developpement de controles web. le premier portera sur la creation d'une table avec cellules editables et dont on peut recuperer les donnes sous forme d'array (et peut etre plus). ce sera la premiere etape pour l'elaboration d'un controle plus complexe qui prendra forme au fil des articles (5 ou 6 prevus pour ce controle).

emmanuel.remy > je prend note de ta remarque, je vais essayer de rajouter un renvoi (ou peut etre plusieurs judicieusement places). c'est vrai que ca dynamise pas mal et aide le lecteur a s'y retrouver :king:

MAJ tuto : ajout de renvois sur les annexes

le tuto est pas mal j'ai compris pas mal de chose mais le probleme vient du fait que je n'arrive pas a mettre en oeuvre tous ca car les exemple se cantones a une alerte

j'ai l'abitude d'appeler une fonction a partir du html dans le genre <img src 'blabla.bla' onclick='mafonction(mes parametres)'> et la j'ai du mal a retranscrire tous ca car les exemples se cantones au script ou a la rigueur a un onclick sans addition d'evenement ( addEvent...,attachevent)

ce qu'il manque vraiment c'est un exemple complet et simple (javascript et html)

je tient a preciser que tous les exemples trouve sur le net se limites toujour au javascript et donnes l'impression qu'il faut avoir fait des etudes en informatique pour avoir acc�s a ces choses la laissant de cote l'autodidacte
++

hello,

je vais voir ce que je peux faire :)

Citation:

---

Envoy� par mekal

j'ai l'abitude d'appeler une fonction a partir du html dans le genre <img src 'blabla.bla' onclick='mafonction(mes parametres)'> et la j'ai du mal a retranscrire tous ca car les exemples se cantones au script ou a la rigueur a un onclick sans addition d'evenement ( addEvent...,attachevent)

ce qu'il manque vraiment c'est un exemple complet et simple (javascript et html)

---

je viens de me remettre un peu dedans et j'ai du mal � voir le probl�me (d�sol�).

Certes l'exemple final utilise des alertes. Mais les fonctions utilis�es dans le cadre d'une biblioth�que s'utilisent comme les fonctions que tu peux �crire directement dans la balise script de ta page. Si tu as l'habitude d'�crire :

Code:

---

<img src='blabla.bla' onclick='mafonction(mes parametres)'>

---

et bien avec une biblioth�que de fonctions tu �cris :

Code:

---

<img src='blabla.bla' onclick='uneBibliotheque.uneFonction(mes parametres)'>

---

C'est strictement la m�me chose d'o� les exemples bateau que tu trouves sur le net, ils servent � tester tr�s rapidement les appels.

En tout cas je prends en compte ta remarque. Je penserais � l'avenir � exhiber un exemple concret pour illustrer le tutoriel. Je ferais �ventuellement une mise � jour de celui-ci d�s que possible. En attendant voil� un petit exemple :

Code:

---

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 29 30 31

<html> <head> <script type="text/javascript" src="myOwnJSLibrary.js"></script> <script type="text/javascript" src="myOwnJSLibrary.Math.js"></script> <script type="text/javascript"> function Circonference(rayon){ return 2*myOwnJSLibrary.Math.PI*rayon; }   function Aire(rayon){ return myOwnJSLibrary.Math.PI*Math.pow(rayon, 2); }   function Calcul(){ try{ var rayon = parseFloat(document.getElementById("rayon").value); document.getElementById("rayon").innerHTML = "Circonférence : " + Circonference(rayon) + "</br>Aire : " + Aire(rayon); } catch(ex){ alert(ex); } } </script> </head> <body> rayon : <input type="text" id="rayon" /> <input type="button" value="Calcul" onclick="calcul();" /> <span id="reponse"></span> </body> </html> ]]>

---

Citation:

---

je tient a preciser que tous les exemples trouve sur le net se limites toujour au javascript et donnes l'impression qu'il faut avoir fait des etudes en informatique pour avoir acc�s a ces choses la laissant de cote l'autodidacte

---

Je ne peux pas parler pour les autres tutoriels, mais le mien est destin� � des d�veloppeurs familiers avec le javascript (autodidactes ou non). Donc des personnes qui savent mettre en application un script dans leur d�veloppement. �videmment il faut aussi des tutoriels pour d�butants ou faux-d�butants, mais le sujet que j'ai abord� dans ce tutoriel n'est clairement pas adapt� aux d�butants, donc le sujet est certes abord� pas-�-pas, mais pas les bases du langage et de son utilisation.

Bonjour.

Je suis occup� � appliquer votre tr�s bon tutoriel en jQuery.
J'en suis � la page 13, petite correction :

Code:

---

1 2 3 4 5 6

fact: function(n) { ... return n*this.fact(n-1); ... }

---

:ccool: merci bien vu. je corrige d�s que possible.
hmm tous mes scripts sont test�s, mais j'ai malheureusement de temps en temps modifi� des noms de variables ou de fonctions apr�s coup... j'esp�re que c'est la seule coquille.

NOTE : il n'y a pas de jQuery dans ce tutoriel :aie:

Bien sympa, ton tuto. Je m'amuse pas mal avec le javascript en ce moment, et c'est toujours int�ressant de voir quelques bonnes pratiques.

Par contre, il y a une petite coquille dans la partie IV : Le mot cl� "this", o� tu utilises la notation json alors qu'il s'agit du corps de la fonction :

Code:

---

1 2 3 4 5 6

function MyClass(){ name : "instance of MyClass", who : function(){ alert(this.name); } }

---

Citation:

---

Envoy� par bigben89

Bien sympa, ton tuto. Je m'amuse pas mal avec le javascript en ce moment, et c'est toujours int�ressant de voir quelques bonnes pratiques.

Par contre, il y a une petite coquille dans la partie IV : Le mot cl� "this", o� tu utilises la notation json alors qu'il s'agit du corps de la fonction :

Code:

---

1 2 3 4 5 6

function MyClass(){ name : "instance of MyClass", who : function(){ alert(this.name); } }

---

---

Citation:

---

Envoy� par Homer Simpson

Doh!

---

bien vu !! :aie:
je corrige ASAP. merci
j'ai du � un moment donn� vouloir faire quelque chose puis j'ai zapp� l'ajustement du bout de code... pas vu malgr� une relecture attentive :)

EDIT : corrig� !

tres joli titre, mais ou est pass� le contenu ??

Ah ben bonne question...

Bonjour,
probl�me signal� dans https://www.developpez.net/forums/d5.../#post10143370

https://www.developpez.com/template/kit/kitinfo.png	Le lien est r�par� : Espaces de noms (ou namespace) en JavaScript, merci � eux !