La promesse des promises en JavaScript

L’implémentation de la spécification ECMAScript 2015 sur laquelle JavaScript est fondé a conduit à introduire un nouvel objet standard en JavaScript : Promise. Il s’agit bien d’un objet standard, c’est-à-dire propre au langage comme String et non au navigateur, comme XMLHttpRequest.
Cet objet permet de faciliter et de sécuriser l’écriture d’un appel à une fonction asynchrone, c’est-à-dire à une fonction qui rend la main sans avoir encore retourné son résultat, s’engageant à signaler au programme qui l’a appelée quand ce résultat sera disponible, par exemple en appelant une fonction que le programme lui a fournie – une callback.
Le Serment des Horaces par David
Tout développeur JavaScript a très probablement déjà utilisé ce type de fonction, notamment pour charger des fichiers via l’objet XMLHttpRequest, ou pour déclencher une action après expiration d’un timer programmé via window.setTimeout ().
Avec l’objet Promise, l’asynchronisme a en quelque sorte été dégagé des objets qui viennent d’être cités pour accéder au rang d’aspect fonctionnel fondamental de JavaScript, au même titre que l’héritage basé sur les prototypes ou les closures. Partant tout développeur JavaScript doit maîtriser l’asynchronisme.
Pour autant, qui met le nez dans la spécification ne peut être que rapidement rebuté par l’opacité de cette dernière. Fort heureusement, il existe de nombreuses autres sources auxquelles se référer. Apportons ici une modeste contribution avec une présentation détaillée du système des promises destinée à qui découvre le sujet.
Continuer la lecture de « La promesse des promises en JavaScript »
La promesse des promises en JavaScript

Copier des données dans le clipboard en JavaScript

Comment copier des données quelconques dans le clipboard en JavaScript dans le contexte d’une page Web ? Ce problème est assez simple à régler. Il suffit d’ajouter un gestionnaire de l’événement copy à l’objet document.
Le problème se complique s’il est exigé que ce gestionnaire d’événement soit anonyme et par ailleurs qu’il soit strictement éphémère, c’est-à-dire qu’il se retire de l’objet document une fois que l’événement copy est survenu, comme ce serait le cas si l’utilisateur cliquait sur un bouton « Copier » à usage ponctuel. En effet, en mode strict, il n’est plus possible d’utiliser arguments.callee pour faire référence à une fonction anonyme dans le corps de cette dernière. Par conséquent, impossible de faire référence à la fonction dans un appel à removeEventListener ().
Mise à jour du 26/12/2018 : Il est désormais possible d’utiliser l’option « once » lors de l’appel à addEventListener () (ex: addEventListener ("click", function (e) {}, { once: true })) pour ajouter un gestionnaire d’événement éphémère. Plus simple !
Continuer la lecture de « Copier des données dans le clipboard en JavaScript »
Copier des données dans le clipboard en JavaScript

Itérateur et générateur en JavaScript

Comment créer facilement une liste d’éléments qu’il sera possible de parcourir à l’aide de l’instruction for... of... (à ne pas confondre avec for... in...) ?
Cette liste doit pouvoir être totalement spécifique, et non seulement une liste prédéfinie dans JavaScript, comme notamment un tableau. En particulier, ses éléments doivent pouvoir n’être générés qu’au fil de l’itération.

Continuer la lecture de « Itérateur et générateur en JavaScript »

Itérateur et générateur en JavaScript

Closures pour gérer les événements en JavaScript

La fonction addEventListener () permet d’associer une fonction (le gestionnaire d’événement) à un événement. Lorsque l’événement survient, le navigateur appelle le gestionnaire d’événement en lui transmettant un unique argument sous la forme d’un objet décrivant l’événement.
Comment transmettre autre chose à ce gestionnaire, comme par exemple une référence sur un objet spécifique ?

Continuer la lecture de « Closures pour gérer les événements en JavaScript »

Closures pour gérer les événements en JavaScript