JavaScript: A la découverte d’ES2020

JavaScript connait depuis 2015 et l’apparition d’ES6 de profonds bouleversements. Cinq ans se sont donc écoulés depuis et nous parlons aujourd’hui d’ES2020. Faisons donc un tour d’ensemble des nouvelles fonctionnalités

Mise en place d’un projet avec ES2020

Toujours pour des raisons de compatibilité entre navigateurs, le JavaScript a besoin de subir ce que l’on appelle une transpilation. En d’autres termes, on vous laisse la possibilité d’écrire du JavaScript nouvelle génération tout en vous assurant une compatibilité avec les navigateurs grâce à un processus de transformation du code. Ce processus de transformation est assuré avec un outil qui s’appelle Babel: https://babeljs.io/

Créons donc un projet destiné à écrire de l’ES2020: mkdir projet-es2020 && cd projet-es2020

Il s’agit d’un projet JS, configurons le donc en tant que tel, grâce à l’ajout du package.json: npm init --yes

Désormais, nous pouvons installer les éléments nous permettant de réaliser la transpilation de notre code JS. Par chance, la dernière version de Babel nous permet de profiter des dernières fonctionnalités d’ES2020 comme en atteste le changelog: https://github.com/babel/babel/releases/tag/v7.8.0

On commence donc par installer nos dépendances de développement: npm install -D babel-loader @babel/core @babel/preset-env webpack webpack-cli