JavaScript moderne : les fonctionnalites ES2022 a connaitre

JavaScript ne cesse d'évoluer

Chaque année, le standard ECMAScript s'enrichit de nouvelles fonctionnalités. ES2022 n'est pas une révolution, mais apporte des améliorations pratiques qui modernisent le langage et simplifient le code au quotidien.

Top-level await

Il est désormais possible d'utiliser await au niveau supérieur d'un module, sans l'encapsuler dans une fonction async. Cela simplifie considérablement l'initialisation des modules qui dépendent de données asynchrones.

Champs privés de classe

Avec le préfixe #, les propriétés et méthodes de classe deviennent véritablement privées. Contrairement à la convention du underscore, le moteur JavaScript empêche réellement l'accès depuis l'extérieur de la classe.

Array.at() et Object.hasOwn()

La méthode .at() permet d'accéder aux éléments d'un tableau avec des index négatifs : arr.at(-1) retourne le dernier élément. Object.hasOwn() remplace avantageusement Object.prototype.hasOwnProperty, avec une syntaxe plus claire.

Error cause

Le nouveau paramètre cause dans le constructeur Error permet de chaîner les erreurs, facilitant le debugging en conservant la trace de l'erreur originale à travers les couches d'abstraction.

En pratique

Ces fonctionnalités sont supportées par tous les navigateurs modernes et Node.js 18+. Pour les projets qui doivent supporter des navigateurs plus anciens, Babel et les polyfills restent nécessaires. Chez YouOnline, nous adoptons ces nouveautés dès que le support le permet, pour un code plus lisible et maintenable.