Les principaux apports de la norme ECMAScript 6

La norme ECMAScript

ECMAScript est un ensemble de normes de programmation recommandées pour les langages de script et standardisées par Ecma International dans le cadre de la spécification ECMA-262. Ces normes sont principalement appliquées par les interpréteurs JavaScript.

Ces recommandations étant très nombreuses, nous ne détaillerons que quelques-unes de celles définies en 2015 (norme ECMAScript 6) :

  • le mot réservé let ;
  • les paramètres par défaut ;
  • les classes.
  • l’interpolation des variables dans les chaînes de caractères ;
  • la structure itérative for (… of …)… ;
  • la manipulation plus confortable des listes avec :
  • l’utilisation des fat arrows pour simplifier l’écriture des fonctions de callback ;
  • la méthode includes() pour tester la présence d’un élément ;

Le mot réservé let

Le mot réservé let limite la portée de la variable qu’il introduit au bloc d’instructions courant.

Il est, par exemple, systématiquement utilisé pour les variables locales aux structures itératives :

Les paramètres par défaut

Lors de la définition d’une fonction, des valeurs par défaut de paramètres optionnels peuvent être définies :

L’interpolation de variables dans les chaînes

Pour manipuler des chaînes de caractères s’étendant sur plusieurs lignes et/ou interpolant des variables, il est désormais possible d’utiliser les backquotes et ainsi de créer des templates strings.

En voici un exemple :

Une manipulation plus confortable des listes

La structure for (… of …) …

La structure itérative for (let <variable> of <liste>) { ... } permet d’accéder directement aux éléments d’une liste alors que la structure for (let <variable> in <liste>) { ... } n’instancie la variable locale à la boucle qu’avec les indices des éléments de la liste.

La méthode includes()

La méthode includes() permet de tester si une liste contient un élément particulier (la méthode indexOf() ne permettant que de connaître l’indice de l’élément) :

L’opérateur « fat arrow » (=>)

Non seulement la fat arrow (=>) est un raccourci syntaxique pour les fonctions de callback, mais elle permet aussi de conserver le contexte de l’objet courant (this) dans la fonction de callback.

Par exemple, l’écriture syntaxique de la fonction de callback passée en paramètre de la méthode forEach() peut être simplifiée.

Devient :

voire dans ce cas-ci (un seul paramètre) :

Attention, l’implémentation de cette fonctionnalité dépend de la version de votre interpréteur JavaScript

Les classes

ECMAScript 6 définit les classes (via le mot-clé class) et un héritage simple.

La classe possède un constructeur défini par la fonction constructor() et invoqué par l’instruction new.

 

Laisser un commentaire