Aller au contenu

Des concepts sympas en JavaScript à travers les yeux d’un enfant curieux

JavaScript peut sembler "bizarre", mais avec un peu de curiosité et l’émerveillement d’un enfant, on peut découvrir des concepts étonnamment simples !

Image générer par DALL-E d'un enfant qui découvre le JavaScript
Image générer par DALL-E d'un enfant qui découvre le JavaScript

JavaScript, c'est un peu comme un jouet étrange : au début, on ne comprend pas toujours comment ça marche, mais une fois qu’on commence à jouer avec, c’est super fun ! On va voir ensemble à travers quelques vidéos, des trucs qui peuvent vous sembler parfois "bizarres", comme les prototypes ou le mystérieux typeof NaN, mais aussi des choses trop pratiques comme les template literals ou encore le nullish coalescing operator.

La notion de prototype

Nous allons voir avec un exemple tout simple ce qu'est un prototype en JavaScript : la méthode filter. C'est une méthode que tous les développeurs front-end ont sûrement utilisée mais sans forcément savoir d'où elle vient vraiment. Et bien, elle est définie sur le prototype de Array, et c'est grâce à ça que tous les tableaux peuvent l'utiliser. C'est ce que je vous explique dans cette vidéo.

Comprendre la notion de prototype - HichooxCoding

Le mystère du typeof NaN

Ici on va démystifier un comportement "étrange" qui peut intriguer les développeurs quand ils y ont été confrontés : le NaN (not a number). On va voir en grande partie pourquoi typeof NaN nous retourne number alors que cela signifie "not a number".

Le mystère de NaN en JavaScript enfin résolu - HichooxCoding

Le nullish coalescing operator

C'est un ajout "assez" récent avec ECMAScript 2020 (ES11), mais je trouve qu'il est déjà assez indispensable pour gérer des valeurs null ou undefined de manière plus concise. On va ici, apprendre à l'utiliser pour rendre notre code plus lisible et plus efficace.

Qu'est-ce que le Nullish Coalescing Operator(??) en JavaScript - HichooxCoding

Les template literals

Beaucoup plus vieux que notre ami "le nullish coalescing operator" apparu avec l'arrivée d'ECMAScript 2015 (ES6) mais un super atout à maîtriser ! Ils nous permettent de plus facilement manipuler des chaînes de caractères, on va le voir à travers un simple exemple.

Les template literals en JavaScript - HichooxCoding


Conclusion

JavaScript peut sembler étrange au début, mais c'est aussi ce qui le rend unique et intéressant. Entre les prototypes, le typeof NaN, et d'autres choses pratiques comme les template literals et le nullish coalescing operator, ce langage a beaucoup à offrir. J'espère que cet article vous a aidé à mieux comprendre ces concepts, si c'est le cas, je vous invite à découvrir un autre concept génial, le spread operator, à vous de jouer maintenant !

Dernier