es11 / Es2020 est là ! Préparez-vous pour les dernières nouveautés ! - Dev to be curious

Ca y est, es2020 est sorti (fin juin). C’est la dernière version de la norme pour javascript. Et nous avons de belles petites pépites qui sont ajoutées pour cette dernière version.
Si vous avez la flemme de lire cet article, je vous invite à écouter l’épisode dédié sur notre chaîne podcast :

Parmi les nouveautés, quatre sont ressortis selon nous :

L’arrivée du BigInt

Le BigInt va permettre de travailler sur des grands nombres.

Pour créer un BigInt, deux choix :

• Appeler la fonction BigInt
• Ou bien, ajouter n à la fin du nombre souhaité.

Nullish coalescing operator

Vous pouvez voir un exemple via plnkr.co.

L’idée ici, c’est de tester si la valeur est null, et si elle l’est on renvoie l’autre valeur. C’est un ternaire amélioré, sur un même type à renvoyer.

L’optional chaining

Nous vous avons mis un exemple dédié via plnkr.co.

Imaginons une propriété d’un objet, qui retourne soit null, soit un nouvel objet.
Comme s’assurer que le sous objet est null ou existant ?
L’idée encore une fois du ternaire peut venir.
On peut aller plus loin avec l’optional chaining : 

Dynamic Import

L’idée ici est de pouvoir importer à chaud un module (un package javascript), et de pouvoir l’utiliser une fois chargé.

On va utiliser une Promise pour savoir quand le fichier est chargé, ou avec une syntaxe raccourci : await.

Note: dans le fichier appelant, vous devez exporter la fonction, classe, que vous souhaittez importer par la suite.

Pour aller plus loin

La liste exhaustive d’es 2020 est disponible en pdf. Bonne lecture 😀