Bonnes pratiques javascript. CallBack (ou pointeur de fonction) en Javascript. Avec toutes ces librairies Javascript qui fleurissent, il est tentant d'encapsuler ses propres petits gadget dans une librairie, et à cette occasion, il est pratique de travailler sur la base de fonction non déterminée :par exemple une librairie pour faire des tooltips, pourra tirer parti d'une fonction qui donnera le message à afficher sur un tooltip.
Fonction dont seul le nom et le nombre de paramètres sont connu spar le développeur de la librairie.Exemple dans un fichier .js inclus par les pages html on a : // cette fonction ne sais rien de maFonction, // sauf quelle a 4 paramêtres et son nom... function dofunc(a,b,c,d) { maFonction(a,b,c,d); } maFonction pourra faire une boite de dialogue, dans une autre : un appel AJAXil suffit de la définir au moment de l'usage de la librairie, ans la page appelante par : <script> // je fixe ici ce que fait maFonction maFonction=function(a,b,c,d){ alert(a+b+c+d) }; </script> l'appel à doFunc utilisera la fonction définie.Exemple icicode là. Events. Attach a handler to an event for the elements.
Bind an event handler to the “blur” JavaScript event, or trigger that event on an element. Bind an event handler to the “change” JavaScript event, or trigger that event on an element. Bind an event handler to the “click” JavaScript event, or trigger that event on an element. Bind an event handler to the “dblclick” JavaScript event, or trigger that event on an element. Attach a handler to one or more events for all elements that match the selector, now or in the future, based on a specific set of root elements. Remove event handlers previously attached using .live() from the elements. Bind an event handler to the “error” JavaScript event. The current DOM element within the event bubbling phase. An optional object of data passed to an event method when the current executing handler is bound. The element where the currently-called jQuery event handler was attached.
Returns whether event.preventDefault() was ever called on this event object. Javascript redux : passages par valeur, passage par référence, et contextes - Et à part ça ? En lisant un article de janvier sur Snook, j'ai découvert un truc, mais aussi remarqué que la solution proposée n'était pas toujours la plus pratique, loin s'en faut.
Voici donc un petit cours rapide, qui va vous titiller les papilles si, comme moi, vous aimez Javascript pour ce qu'il est, à savoir un langage bien plus puissant qu'on ne croit. Petit rappel sur la déclaration d'un objet Pour déclarer un objet en Javascript, on écrit une fonction qui sert de constructeur. Cette fonction utilise, en interne, la variable réservée this, qui est à ce moment-là attachée (bound) à l'objet fraîchement créé.
Pour créer un champ dans l'objet, il suffit de faire this.nomDuChamp = valeur. Function Person(fn, ln, age) { this.firstName = fn this.lastName = ln this.age = age } var tdd = new Person('Christophe', 'Porteneuve', 28) var elodie = new Person('Élodie', 'Jaubert', 25) alert(tdd) alert(tdd.age - elodie.age) Comme vous pouvez le voir, c'est tout simple. Petit rappel sur prototype Exemple : Et hop !